我使用了
中选择的jqueryhttps://github.com/harvesthq/chosen/releases
我从ajax webservices绑定数据,似乎没有用。在select中没有加载数据。
$(".cb_bu_info").chosen({
no_results_text: "Oops, nothing found!",
width: "50%",
source: function () {
$.ajax({
type: "POST",
url: "../BUS/WebService.asmx/LIST_BU",
contentType: "application/json; charset=utf-8",
dataType: "json",
//beforeSend: function () { $('ul.cb_bu_info').empty(); },
success: function (data) {
$("#cb_bu_info").html('');
$.each($.parseJSON(data.d), function (idx, obj) {
$("#cb_bu_info").append('<option value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>');
});
},
error: function (data) {
console.log(data.d);
alert("An error occurred !");
}
});
}
});
<select class="cb_bu_info"></select>
谢谢你们。
答案 0 :(得分:0)
您可以在页面加载后使用此示例,然后将其加载到选择列表中的国家/地区。
确保添加了参考文献。
<select id='CountryName'>
<option> </option>
</select>
$(document).ready(function () {
var frontDropdown = "";
$.ajax({
url: baseUrl + "GetBPCountriesCombo",
type: "GET",
async: true,
success: function (result) {
frontDropdown += "<option value='null'> Select Country </option>";
$.each(result, function (i, data) {
frontDropdown += "<option " + " value=" + data.CountryId + ">" + data.CountryName + "</option>";
})
$('#CountryName').append(frontDropdown).trigger('chosen:updated').css("width", "auto");;
},
error: function () {
alert("An error occurred !");
}
});
});