jQuery的自動完成結果到一個自定義的下拉列表（在選擇選項標籤）

我想顯示我的自動完成結果在選擇選項標籤，而不是默認的UL LI與一些jQuery類添加（我不是真的想要）。jQuery的自動完成結果到一個自定義的下拉列表（在選擇選項標籤）

我在堆棧溢出中使用了一個來自相對帖子的代碼：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>

來源

2012-06-26 celticharp

確定我沒能解決，但繼承人一個提示，如果你使用Firebug，你可以看到選擇實際上有數據，但沒有

我知道這有點奇怪。無論如何，謝謝你的嘗試！ :) – celticharp

我嘗試了演示，並修改了它

正在使用火狐

這裏是鏈接working demo

看起來它需要股利後的空間可能是瀏覽器的兼容性問題

來源

2012-06-26 10:24:37 shareef

jQuery的自動完成結果到一個自定義的下拉列表（在選擇選項標籤）

回答

相關問題