아약스를 사용하여 입력 필드 아래로 드래그하여 값을 가져 오는 방법

Question

세 개의 드롭 다운 입력 필드가 있으며 다른 입력 필드의 값에 따라 옵션을 변경하고 싶습니다. 첫 번째 입력 필드의 값을 가져 와서 다른 입력 필드의 관련 데이터를 가져 오기 위해 PHP 쿼리를 통해 보내고 싶습니다.

두 개의 입력 필드가 있다고 가정 해 보겠습니다. 첫 번째 입력 필드의 값을 가져 와서 PHP 쿼리를 통해 두 번째 입력 필드의 값을 얻기 위해 데이터베이스로 보냈습니다. 지금은 경고하는 데이터가 있지만 두 번째 드롭 다운 값을 입력하는 방법을 모르겠습니다.

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#first-dropdown").off("change").on("change", function() { 
      $.ajax({ 
       'url':"getUrl.php", 
       'data':{id:$("#first-dropdown").val()}, 
       'method':'GET', 
       'success':function(data) { 
        alert(data); 
       } 
      }) 
     }) 
    }); 
</script> 

<select id="first-dropdown"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3s">3</option> 
    <option value="4">4</option> 
</select> 
<select id="second-dropdown"> 

</select> 

내 gerUrl.php입니다 : 내가 경고 데이터를 얻고있다하지만 난 두 번째 드래그 아래 옵션에 표시 할

<?php 
$id = $_GET['id']; 
$query = mysql_query("select category_name from product_categories where Line_Code='$id'"); 
while ($data = mysql_fetch_assoc($query)) { 
    $values[] = array(
     'product_categories'=>$data['category_name'], 
    ); 
} 
echo json_encode($values); 
?> 

.

Answer 1

<?php 
$id = $_GET['id']; 
$html =''; 
    $query = mysql_query("select category_name from product_categories where Line_Code='$id'"); 
while($data = mysql_fetch_assoc($query)) 
    { 
    $html .='<option>'.$data['category_name'].'</option>'; 

} 
echo $html; 
?> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#first-dropdown").off("change").on("change", function(){ 
     $.ajax({ 
      'url':"getUrl.php", 
      'data':{id:$("#first-dropdown").val()}, 
      'method':'GET', 
      'success':function(data){ 
       $('#second-dropdown').append(data); 

      } 


      }) 
     }) 

    });