1

我不能让它做任何事情。下拉菜单表现正常。我已经按照他们的指示创建了我能做的最简单的演示，但仍然没有任何效果。我检查了我的路径并将所有内容放在同一个目录中，以确保找到所有内容。我首先加载了 jQuery。

这是html文件：

<!doctype html>
<html>
<head>
  <title>Searchable</title>
  <script src="jquery-1.9.1.js"></script>
  <script src="jquery.searchabledropdown-1.0.8.src.js"></script>
  <script type="text/javascript">
        $(document).ready(function() {
            $("select").searchable();
        });
  </script>
</head>
<body>
<select id="myselect">
    <option value="0">Aardvark</option>
    <option value="1">Beta</option>
    <option value="2">Charlie</option>
    <option value="3">Louis Chan</option>
    <option value="4">Zoomba</option>
    <option value="5">Lima</option>
</select>  
</body>
</html>

这是插件的链接。演示在插件页面：http: //jsearchdropdown.sourceforge.net/

4

5 回答 5

3

这对我有用：

<!doctype html>
<html>
<head>
  <title>Searchable</title>
    <script type="text/javascript" src="http://jsearchdropdown.sourceforge.net/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="http://jsearchdropdown.sourceforge.net//jquery.searchabledropdown.js"></script>
   <script type="text/javascript">
        $(document).ready(function() {
            $("select").searchable();
        });
  </script>
</head>
<body>
<select id="myselect">
    <option value="0">Aardvark</option>
    <option value="1">Beta</option>
    <option value="2">Charlie</option>
    <option value="3">Louis Chan</option>
    <option value="4">Zoomba</option>
    <option value="5">Lima</option>
</select>  
</body>
</html>

似乎 $.browser 已从 jquery 1.9 核心及更高版本中删除，请参阅此处的参考，您可以决定通过更改库来解决问题，使用较旧的 jquery 版本或使用其他替代方法，您可以在此处找到一些更好的示例。

祝你好运！

于 2013-05-24T18:35:20.583 回答
2

我下载了代码并测试了它。问题是 jQuery 1.9.1，当我放那个版本时它不起作用，但是当我放回 jQuery 1.8.3 时它可以工作。除非你在库中挖掘，否则我认为没有办法解决它，所以最好像演示中那样使用 1.8.3。

于 2013-05-24T18:43:08.830 回答
1

对于上面的示例：一旦您搜索了“Zoo..”之类的键，您就可以选择“Zoomba”。同样，如果要更改选择，在该列表中您只能看到“Zoomba”而不是所有值。

如果要显示该列表中的所有值，则必须在选定索引更改后清除该搜索键。像这样，

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta charset="utf-8" />
  <title>Searchable</title>
  <script type="text/javascript" src="http://jsearchdropdown.sourceforge.net/jquery-1.7.1.min.js"></script>
  <script type="text/javascript" src="http://jsearchdropdown.sourceforge.net//jquery.searchabledropdown.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#myselect').searchable();

      $('#myselect').change(function() {
        $(this).autocomplete('search', '');
      });
    });
  </script>
</head>

<body>
  <select id="myselect">
    <option value="0">Aardvark</option>
    <option value="1">Beta</option>
    <option value="2">Charlie</option>
    <option value="3">Louis Chan</option>
    <option value="4">Zoomba</option>
    <option value="5">Lima</option>
  </select>
</body>

</html>

于 2015-12-28T14:46:04.953 回答
0

您编写的代码很好，这是浏览器和 Jquery 版本相关的问题。

  1. 在 IE 7.x、IE 8.x、Firefox 3.5.x、Safari 4.x、Opera 10.x、Chrome 3.x 上运行

它使用版本 Jquery 1.7.2 和 Jquery UI 1.8.18

也使用插件http://effinroot.eiremedia.netdna-cdn.com/repo/plugins/forms-controls/searchabledropdown/jquery.searchabledropdown.js

您可以在 JSFiddle http://jsfiddle.net/JWyRZ/上查看运行版本

于 2013-07-24T09:45:59.380 回答
0

你总是可以使用来自https://github.com/gabceb/jquery-browser-plugin的 jquery-browser-plugin 插件。它增加了升级到 1.9 时遗漏的功能。只需确保先加载 jquery，然后再加载 jquery-browser 插件。

于 2015-12-14T22:37:11.270 回答