javascript - JQuery 可搜索下拉框

Question

我有一个可搜索列表，是使用 JQuery 插件创建的:http://plugins.jquery.com/searchit/

但我希望在列表框第一次出现时默认选择一些值。即使我在选项标签中提到了“选择”(下面的 Rockford)。这部分不工作。

请看这里的示例:

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>

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

Answer 1

您可以查看 chosen plugin对于 jQuery。它对用户更友好，并且具有各种漂亮的 UI。

它具有您正在寻找的功能。请访问以下链接以获取更多详细信息

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