如何在物化CSS框架中添加对select的搜索

问题描述 投票:4回答:1

我是实现CSS框架的新手,正在寻找可搜索的选择。

我添加了选择组件,但现在我希望它可以被搜索,以便用户可以从下拉选项中搜索值并选​​择值。

提前感谢

javascript jquery css materialize
1个回答
0
投票

我已经搜索该选项已有很长时间了。在深入研究实现Git Hub线程后,从LeMinaw]中找到了这个答案

他把所有东西都弄清楚了。但他使用的是自定义的实现文件,并且该文件在移动设备上无法正常运行。因此,我修改了代码以解决移动问题。导入Materialize.js文件MaterilizeSelect.js后,请使用导入以下脚本文件。

并选择格式如下

 <div class="input-field col s6">
            <select data-id="26" id="MySelct" serachname="myselectsearch" searchable="your placeholder for seach box">
              <option value="some1">Some One</option>
              <option value="SeamSeam">SeamSeam</option>
              <option value="toott">Toott</option>
              <option value="Flat">Flat</option>
            </select>
            <label for="roof_type">My Select</label>
</div>
  • serachname->搜索框的全名
  • 可搜索->占位符,您的搜索框(标签)
  • 希望这会有所帮助。再次感谢LeMinaw

© www.soinside.com 2019 - 2024. All rights reserved.