dropdown <select> for 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的東西，需要過濾該腳本