드롭다운 목록에서 변경 시

드롭다운 목록에서 변경 시

제 질문은 제가 요청한 내용을 계속 링크를 보는 것입니다.적재 국가/주/도시

db에서 드롭다운 목록을 로드하도록 확장했고 첫 번째 드롭다운 목록과 두 번째 드롭다운 목록에서 변경 방법을 배선할 수 있는 방법이 필요합니다. 코드를 참조하십시오. 도움을 주시면 감사하겠습니다.

최신 코드 추가:

<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);
     });
 }

채워지지 않습니까?내가 하는 방식은 당신이 해야하는 방식입니까?

감사해요.

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

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

언급URL : https://stackoverflow.com/questions/2668574/onchange-on-dropdownlist