Javascript jQuery可搜索下拉插件不起作用_Javascript_Jquery_Jquery Plugins

Javascript jQuery可搜索下拉插件不起作用

javascript jquery jquery-plugins

Javascript jQuery可搜索下拉插件不起作用,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我不能让它做任何事。下拉菜单的行为正常。我按照他们的指示创建了最简单的演示，但仍然没有任何效果。我已经检查了路径，并将所有内容都放在同一个目录中，以确保所有内容都被找到。我先加载jQuery 以下是html文件： <!doctype html> <html> <head> <title>Searchable</title> <script src="jquery-1.9.1.js"></script>

我不能让它做任何事。下拉菜单的行为正常。我按照他们的指示创建了最简单的演示，但仍然没有任何效果。我已经检查了路径，并将所有内容都放在同一个目录中，以确保所有内容都被找到。我先加载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>

这里有一个插件的链接。演示在插件页面上：

这对我很有用：

<!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版本或使用其他替代版本来解决问题。您可以找到一些更好的示例

祝你好运

这对我很有用：

<!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>

祝你好运

我下载了代码并进行了测试。问题是jQuery1.9.1，当我放回该版本时它不工作，但当我放回jQuery1.8.3时它工作。

我不认为有办法解决这个问题，除非你深入研究这个库，所以最好像在演示中一样使用1.8.3。

我下载了代码并进行了测试。问题是jQuery1.9.1，当我放回该版本时它不工作，但当我放回jQuery1.8.3时它工作。

我不认为有办法解决这个问题，除非你在库中挖掘，所以最好像在演示中一样使用1.8.3。

你写的代码很好，这是一个浏览器和Jquery版本相关的问题

在IE7.x、IE8.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

您可以在JSFIDLE上检查正在运行的版本

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

在IE7.x、IE8.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

您可以在JSFIDLE上检查正在运行的版本

您始终可以从中使用jquery浏览器插件。它添加了升级到1.9所缺少的功能。只需确保先加载jquery，然后再加载jquery浏览器插件。

您始终可以从中使用jquery浏览器插件。它添加了升级到1.9所缺少的功能。只需确保先加载jquery，然后加载jquery浏览器插件。

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

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

可搜索 $document.readyfunction{ $'myselect'。可搜索； $'myselect'.changefunction{ $this.autocomplete'search'； }; }; 土豚贝塔查理路易斯陈祖姆巴利马

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

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

可搜索 $document.readyfunction{ $'myselect'。可搜索； $'myselect'.changefunction{ $this.autocomplete'search'； }; }; 土豚贝塔查理路易斯陈祖姆巴利马

我不熟悉这个插件。你能链接到库并理想地提供一个吗？它对我有效，只是确保你的脚本加载正确，并且你的控制台中没有错误。我使用了这个脚本$。浏览器被删除了。我不熟悉这个插件。你能链接到库并理想地提供一个吗？这对我来说很有效，只要确保你的脚本加载正确，并且你的控制台中没有错误，我使用了这个脚本$。浏览器被删除