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 に答える
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 に答える