JQuery Searchable Dropdown框

时间:2013-07-27 17:22:19

标签: javascript jquery html

我有一个可搜索的列表,使用JQuery Plugin从http://plugins.jquery.com/searchit/

创建

但是我希望在列表框第一次显示时默认选择一些值。即使我在选项标签中提到了“选择”(前面的罗克福德)。这部分不起作用。

请看这里的样本:

http://jsfiddle.net/QuYJD/22/

$("select").searchit( { textFieldClass: 'searchbox' } );

    Type the search text:
    <br/>
    <select id="listBox1">
      <option>Robinhood</option>
      <option selected >Rockford</option>
      <option>Rome</option>
      <option>Ronda</option>
      <option>Rondon</option>
      <option>Rondonopolis</option>
      <option>Rongelap</option>
    </select>

有什么想法吗?或任何其他解决方案......

1 个答案:

答案 0 :(得分:26)

您可以查看chosen plugin以获取jQuery。它更加用户友好,并且具有不同的UI。

它具有您正在寻找的功能。请访问以下链接了解更多详情

http://harvesthq.github.io/chosen/