下拉列表<select>表示list.js

Question

list.js正在使用搜索框作为默认值.有人知道,如何使用list.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>

但不行.:(

Answer 1

尝试这样的事情:

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内容下面.