如何使用Ajax和Jquery填充级联下拉列表 [英] How Do I Populate The Cascading Drop Down List Using Ajax And Jquery

问题描述

我参考编码参考http://www.aspsnippets.com/Articles/AJAX-Cascading-DropDownList-using-jQuery-in-ASP.Net.aspx.Net.aspx\">http://www。 aspsnippets.com/Articles/AJAX-Cascading-DropDownList-using-jQuery-in-ASP.Net.aspx[ ^ ]



修改代码如下< br $> b $ b

I take the coding reference http://www.aspsnippets.com/Articles/AJAX-Cascading-DropDownList-using-jQuery-in-ASP.Net.aspx.Net.aspx">http://www.aspsnippets.com/Articles/AJAX-Cascading-DropDownList-using-jQuery-in-ASP.Net.aspx[^]

The modify the code as below

<script type = "text/javascript">
    var pageUrl = '<%=ResolveUrl("~/vendor_master.aspx")%>'
    function PopulateStates() {
        if ($('#<%=ddl_state.ClientID%>').val() == "0") {
            $('#<%=ddl_city.ClientID %>').empty().append('<option selected="selected" value="0">Please select</option>');
        }
        else {
            $('#<%=ddl_city.ClientID %>').empty().append('<option selected="selected" value="0">Please select</option>');
            $.ajax({
                type: "POST",
                url: 'vendor_master.aspx/PopulateCities',
                data: '{stateID: ' + $('#<%=ddl_state.ClientID%>').val() + '}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnCitiesPopulated,
                failure: function (response) {
                    alert(response.d);
                }
            });
        }
    }
    function OnCitiesPopulated(response) {
        PopulateControl(response.d, $('#<%=ddl_city.ClientID %>'));
    }
</script>

但它给了我一个错误

But it gives me an error

ReferenceError: PopulateControl is not defined


PopulateControl(response.d, $('#ddl_city'));

请帮我解决错误

please help me to solve the error

推荐答案

（'＃< span class =code-pagedirective><％ = ddl_state.ClientID ％> '）。val（）==0）{

('#<%=ddl_state.ClientID%>').val() == "0") {

（'＃<％ = ddl_city.ClientID ％> '）。empty（）。append（'< option 已选择 = 已选择 < span class =code-attribute> value = 0 > 请选择< / option > '）;
}
else {

('#<%=ddl_city.ClientID %>').empty().append('<option selected="selected" value="0">Please select</option>'); } else {

（'＃<％ = ddl_city.ClientID ％> '）。empty（）。append（'< 选项 已选择 = < span class =code-keyword> selected value = 0 > 请选择< / option > '）;

('#<%=ddl_city.ClientID %>').empty().append('<option selected="selected" value="0">Please select</option>');

这篇关于如何使用Ajax和Jquery填充级联下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！