下拉< select>对于list.js [英] dropdown <select> for list.js

问题描述

list.js默认使用搜索框.谁知道，如何对list.js使用下拉选择框?

list.js is using search box as default. Anyone know, how to use dropdown selection box for 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>

但是不起作用. :(

推荐答案

尝试如下操作:

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

Make sure you place this script below the html stuff that needs to be filtered.

这篇关于下拉< select>对于list.js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！