jQuery 自动完成结果到自定义下拉列表（在选择选项标签处）答案

【问题标题】：jQuery autocomplete results to a custom drop down list (at select option tags )jQuery 自动完成结果到自定义下拉列表（在选择选项标签处）
【发布时间】：2012-06-27 15:14:41
【问题描述】：

我想在选择选项标签中显示我的自动完成结果，而不是默认的 ul li 添加了一些 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>

【问题讨论】：

好的，我无法解决它，但是如果你使用 firebug，你可以看到选择实际上有数据但没有
我知道这有点奇怪。无论如何，谢谢你的尝试！ :)

标签： javascript jquery autocomplete jquery-ui-autocomplete drop-down-menu

【解决方案1】：

我尝试了演示并修改了它

我用的是火狐

这里是链接working demo

看起来它在 div 之后需要一个空格可能是浏览器兼容性问题

【讨论】：