動態選項列表

Question

我所做的是我第3選擇選項的選擇編寫基於數據庫的內容，它是這樣的：

<select name="job" > 
<option value=""></option> 
<?php $sql = "SELECT DISTINCT jobs FROM database order by jobs"; $result = mysql_query($sql); while($row = mysql_fetch_assoc($result)){echo '<option value="'.$row['jobs'].'">'.$row['jobs'].'</option>';}?> 
</select> 

數據庫的結構像這樣：

id------jobs-----stage---location 
1--------1--------2-------africa 
2--------1--------2--------america 
3--------1--------3-------china 
4--------2--------2--------india 

我試圖讓選擇選項基於第一選擇選項 例子： 如果用戶從joobs在另一個選項列表中選擇1然後列出階段基於1和第三joobs選項列表根據列出位置第二個選項列表的階段，如果其2或3.

我試圖谷歌它，但所有我可以找到ist到javascript和ajax很複雜querys，沒有爲我工作：/ 非常感謝！

Answer 1

對於第一選擇給class或id，然後

<script> 
$(document).on("change","#jobs",function() { 
    var keyword = $(this).val(); 
     $.ajax({ 
      type: "POST", 
      url: "search.php", 
      data: "keyword=" + keyword, 
      success: function (html) { 
       $("id or class of second dropdown").html(html).show(); 
      } 
     });   
}); 
</srcipt> 

檢查here，它會幫助你。