我有一个多选的jQuery,我想从json获取源代码.
我从我的自动完成组合框中获取了可用的源代码,但在这里它不起作用.
我从我的自动完成组合框中获取了可用的源代码,但在这里它不起作用.
我的代码：
$(document).ready(function () {
var warning = $("#message");
$("select").multiselect({
//selectedText: function (numChecked,numTotal,checkedItems) {
// return numChecked + ' of ' + numTotal + ' checked';
//},source: function (request,response) {
$.getJSON('http://' + $("[id$='ip']").val() + "/JSON/Auctocomplete.aspx?city=1&term=" + request.term,function (data) { response(data); });
},select: function (event,ui) {
$("#mfr").textContent = ui.item.id;
},selectedList: 5,header: "choose up to 5",click: function (e) {
if ($(this).multiselect("widget").find("input:checked").length > 5) {
warning.addClass("error").removeClass("success").html("choose up to 5");
return false;
} else {
warning.addClass("success").removeClass("error").html("");
}
}
});
});
解决方法
我搜索过,我认为Jquery multiselect没有源属性.看看
http://www.erichynds.com/blog/jquery-ui-multiselect-widget.你确定它有源属性吗？
我建议你,首先从json加载select,然后将其转换为multiselect.
// The empty select element:
<select></select>
// In javascript:
$(document).ready(function () {
var url = 'http://...';
$.getJSON(url,function(result){
$.each(result,function(i,field){
var option = $('<option value="' + field.value + '">' + field.text + '</option>');
$('select').append(option);
});
$('select').multiselect({...});
});
});