如何将ajax中的数据绑定到选定的jquery?

时间:2015-09-17 09:30:53

标签: jquery ajax html5 select jquery-chosen

我使用了

中选择的jquery
https://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>

谢谢你们。

1 个答案:

答案 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 !");
        }
    });
});