아약스 양식, 외부 소스

Question

2 드롭 다운 내가 그것을 아래로 여기

두 번째 드롭의 첫 번째 드롭 다운 메뉴에서 모든 모델을 선택할 것이라고 폼의 드롭 다운 목록에서 선택 번 방법은 내 코드가있다 내가 아큐라를 선택하면

 <form> 
      <div class="landing_quote_left"> 
       <table cellpadding="0" cellspacing="8" border="0"> 
        <tr> 
<td> 
          <label for="ajax_make_id" class="landing_quote_label">Make:</label> 
         </td> 
         <td> 
          <span id="ajax_make_select"><select name="2f_make_id" id="ajax_make_id" style="width: 170px;" onchange="Landing.getMakeFace(this.value);"><option value="999">Select a Make</option><option value="1">Acura</option><option value="2">Audi</option</select></span> 

         </td> 
        </tr> 
        <tr> 
         <td> 
          <label for="ajax_model_id" class="landing_quote_label">Model:</label> 
         </td> 
         <td> 
          <span id="ajax_model_select"> 

           <select name="2f_model_id" id="ajax_model_id" style="width: 170px;" onchange="Landing.getModelFace(this.value);"> 
            <option value="">Loading...</option> 
           </select> 
          </span> 
         </td> 
        </tr> 
       </table> 
      </div><!-- END landing_quote_left --> 
     </form> 

그래서, 두 번째 드롭 다운 모든 모델의 목록이 표시됩니다 즉 MDX RDX RL TL TSX ZDX

가능하면 두 파일을 모두 드롭 다운로드 할 수 있습니까? {PHP 또는 XML 또는 가능한 다른 무엇이든지}

감사합니다!

Answer 1

다음은이 작업을 수행하는 방법에 대한 대략적인 코드입니다.

페이지로드시 dropdown1을 채 웁니다.

$(function(){ 
    $.get('file1.php', function(data){ 
     $('#dropdown1').html(data); 
    }); 

    // on change of dropdown1 populate dropdown2 with the respective data 
    $('#dropdown1').change(function(){ 
     $.get('file2.php',{ make: $(this).val() }, function(data){ 
      $('#dropdown2').html(data); 
     }); 
    }); 
}); 

그래서 당신의 file2.php에 당신은 당신은 그 모델에 대한 모든 옵션을 다시 보낼 수, 전달 된 make 변수에 대한 $_GET 배열을 확인할 수 있습니다. 당신은 또한 html 대신에 json을 되돌려 보낼 수 있습니다. 그러나 이것은 당신에게 그것을하는 방법에 대한 대략적인 아이디어를 주며, 처음에는 간단하게 유지하는 것이 최선이라고 생각합니다.