下拉列表<选择>为列表.js

dropdown <select> for list.js

本文关键字：列表 js 选择 下拉列表      更新时间：2023-09-26

list.js默认使用搜索框。有谁知道，如何使用列表.js的下拉选择框？

我使用过：

Javascript： 

<script type="text/javascript">
$('#tpi').change(function () {
    var selection = this.value; //grab the value selected
var options = { valueNames: [ 'name', 'type', 'tpi' ]
};
var userList = new List('users', options);  
   });
</script>

.HTML

      <select name="tpi" id="tpi">
        <option selected="selected" value="tpi">TPI</option>
        <option value="11">11</option>
        <option value="14">14</option>
        <option value="16">16</option>
        <option value="18">18</option>
        <option value="19">19</option>
      </select>

但是不行。:(

尝试这样的事情：

var options = {
    valueNames: ['name', 'type', 'tpi']
};
var userList = new List('users', options);
$('#tpi').change(function () {
    var selection = this.value; 
    // filter items in the list
    userList.filter(function (item) {
        return (item.values().tpi == selection);
    });
});

确保将此脚本放在需要过滤的 html 内容下方。

相关文章：