'잠시 기다려주십시오.'드롭 다운 목록에서 다른 필드를 입력하십시오.

Question

나는 이와 비슷한 것을 가지고 있습니다. 나는 PHP를 서버 측 언어로 사용하고있다. 기본적으로 두 개의 드롭 다운 상자가있는 양식이 있습니다. 첫 번째 드롭 다운 목록의 값을 선택하면 화면에 'Please wait (잠시 기다려주십시오)'상자가 나타나고 팝업이 사라지기 전에 다음 드롭 다운 목록의 값을 채워야합니다. 나는 Jquery가 필요하다는 것을 알고 있지만 전에는 사용하지 않았다.

 <select class="form-dropdown validate[required]" style="width:150px" id="input_16"  name="q16_paymentMode">  /////////select from this list 
      <option onclick="" value="1"> 1 </option> 
      <option onclick="" value="2"> 2 </option> 
      </select> 

    <select class="form-dropdown validate[required]" style="width:150px" id="input_17" name="q17_paymentMode"> ///////////populate selection list for this field 
      <? php echo '<option value="foobar">foobar</option>' ?> 

      </select> 

Answer 1

매우 간단합니다!

jQuery(function($) { 

    $('#first_dropdown').change(function() { 
     $('#please-wait-box').show(); 
     $.get('url-to-your-resource', {param: $(this).val()}, function(data) { 
       if (data) { 
         // populate second drop down here with the receive data 
         // you can do that with old javascript or still with jquery 
       } 
       $('#please-wait-box').hide(); 
     }); 
    }); 

}); 

이 할 수있는 방법이 많이 있습니다, 이것은 하나 개의 방법이 아닌 하나 이상의 드롭을 위해,하지만 작동하거나 당신에게 아이디어를 제공하는 것이 필요하면 매우 좋습니다.

영어로 불편을 끼쳐 드려 죄송합니다.