1

いくつかのjqueryクラスが追加されたul liであるデフォルトの代わりに、選択オプションタグでオートコンプリートの結果を表示したい(これは本当にしたくない)。

例として、 http: //jsfiddle.net/naveen/yRwH7/のスタック オーバーフローの相対投稿のコードを使用しています。

実際には最初は正しくロードされますが、その後は何もロードされません。助言がありますか？それを行う他の方法はありますか？コードはここにありますhttp://jsfiddle.net/yRwH7/1/

Javascript

 $("input#selectedInput").bind("autocompleteselect", function (event, ui) {
      alert("Sel item " + JSON.stringify(ui.item.json));
 }).autocomplete({
 appendTo: "#list",
 source: function (request, response) {

     $.ajax({
         url: "http://itunes.apple.com/search?term=jack+johnson&entity=musicTrack",
         dataType: "jsonp",
         data: {
             featureClass: "P",
             style: "full",
             maxRows: 12,
             name_startsWith: request.term
         },

         success: function (data) {
             response($.map(data.results, function (item) {
                 itunesJson = item;
                 return {
                     label: "<option>" + item.trackName + "</option>",
                 }
             }));
             var elm = $("#list");
             elm.html(elm.text());
         },
     });
 }
 })​

HTML

<input type="text" id="selectedInput"/>
<select id="list"></select>
4

1 に答える 1

0

デモを試して修正しました

ファイアフォックスを使用しています

ここにリンクの動作デモがあります

div の後にスペースが必要だったようですが、ブラウザの互換性の問題である可能性があります

于 2012-06-26T10:24:37.113 に答える