ड्रॉपडाउन सूची

Question

पर मेरा खाता जो मैंने पूछा है, उसका लिंक जारी है। Load Country/State/City

मैंने डीबी से अपनी ड्रॉप डाउन सूची लोड करने के लिए विस्तार किया है और मुझे अपनी पहली ड्रॉपडाउन सूची में दूसरे पर अस्थायी विधि को तार करने के लिए एक तरीका चाहिए और दूसरा, कृपया कोड देखें। किसी भी मदद की सराहना करते हैं।

संलग्न नवीनतम कोड:

<select id="country" onchange="getStateByCountryId()"></select> <br /> 
<select id="state"></select> <br /> 


$(document).ready(function() { 
    var options = { 
     type: "POST", 
     url: "SearchPage.aspx/LoadCountry", 
     data: "{}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 

     success: function(msg) { 

      var returnedArray = msg.d; 
      country = $("#country"); 
       country.append('<option>Select a Country</option>'); 

      for (i = 0; i < returnedArray.length; i++) { 
        country.append("<option value='" + returnedArray[i].Id + "'>" + returnedArray[i].Name + "</option>"); 
      } 


     } 
    }; 
    $.ajax(options); 
}); 


function getStateByCountryId() { 

    $("#country").change(function() 
    { 
     var _selected = $("#country").val(); 
     var options = 
     { 
      type: "POST", 
      url: "SearchPage.aspx/StateBy", 
      data: "{'countryId':'" + _selected + "'}", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 

      success: function(msg) { 
       $('#state').empty(); 
       var returnedArray = msg.d; 


       state = $("#state"); 
       for (var i = 0; i < returnedArray.length; ++i) { 
        state.append("<option value='" + returnedArray[i].Id + "'>" + returnedArray[i].Name + "</option>"); 
       } 
      } 
     }; 
     $.ajax(options); 
    }); 
} 

लेकिन पॉप्युलेट नहीं करता है? जिस तरह से मैं कर रहा हूं वह यह है कि आप कैसे करना चाहते हैं?

धन्यवाद।

Answer 1

$("#state").change(function(){ 
    //on-change code goes in here. 
    //variable "this" references the state dropdown element 
}); 

Answer 2

$(this).parent("select").attr("id");