Javascript jQuery将结果自动完成到自定义下拉列表中(在选择选项标记处)
我想在select选项标记中显示我的自动完成结果,而不是默认的ulli,其中添加了一些我并不真正想要的jquery类 我正在使用stack overflow:中的一个相对帖子中的代码作为示例 实际上,它第一次正确加载,但之后,什么都没有。 有什么建议吗?还有别的办法吗? 代码在这里 JavascriptJavascript jQuery将结果自动完成到自定义下拉列表中(在选择选项标记处),javascript,jquery,autocomplete,jquery-ui-autocomplete,drop-down-menu,Javascript,Jquery,Autocomplete,Jquery Ui Autocomplete,Drop Down Menu,我想在select选项标记中显示我的自动完成结果,而不是默认的ulli,其中添加了一些我并不真正想要的jquery类 我正在使用stack overflow:中的一个相对帖子中的代码作为示例 实际上,它第一次正确加载,但之后,什么都没有。 有什么建议吗?还有别的办法吗? 代码在这里 Javascript $("input#selectedInput").bind("autocompleteselect", function (event, ui) { alert("Sel item
$("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
我尝试了演示并修改了它 我正在使用firefox 这里是链接
看起来div后需要一个空格可能是浏览器兼容性问题好的,我无法解决,但这里有一个提示,如果你使用firebug,你可以看到select实际上有数据,但没有标记,我知道,这有点奇怪。无论如何,谢谢你的尝试
<input type="text" id="selectedInput"/>
<select id="list"></select>