如何格式化下拉列表以僅使用所選答案（取決於第一個下拉列表）

http://whodateswhere.com/auto/ 這是我正在建立的網站。顯示位置：
品牌：
型號：
我想知道，第一個選擇之後了，我怎麼讓第二個下拉知道這將是從做什麼呢？如何格式化下拉列表以僅使用所選答案（取決於第一個下拉列表）

下面是代碼：

<script type="text/javascript"> 
$(function(){ 
    $.get('makes_models.php', function(data){ 
     $('#ajax_make_select').html(data); 
    }); 

    // on change of dropdown1 populate dropdown2 with the respective data 
    $('#ajax_make_select').change(function(){ 
     $.get('models.php',{ make: $('ajax_make_select').val() }, function(data){ 
      $('#ajax_model_select').html(data); 
     }); 
    }); 
}); 
</script>

與makes_models.php代碼：

<select> 
<option value=999>Select a Make</option> 
<option value=1>Acura</option> 
<option value=2>Audi</option> 
<option value=3>BMW</option> 
</select>

我怎麼會去編碼第二個文件？「models.php」
如果選擇謳歌，我想它顯示

<option value=1>MDX</option> 
<option value=2>RDX</option> 
<option value=3>RL</option> 
<option value=4>TL</option> 
<option value=5>TSX</option> 
<option value=6>ZDX</option>

來源

2011-10-17 Celestino Reyes

我建議你看看my answer here。

http://jsfiddle.net/tBrXt/2/

在回答你將如何代碼的第二文件，使用switch/case聲明：

<?php 
    switch($_GET['make']) { 
     case "acura": 
      echo json_encode(array("MDX","RDX","RL","TL","TSX","ZDX")); 
      return; 
     case "ford": 
      echo json_encode(array('f150','mustang','etc')); 
      return; 
    } 
?>

來源

2011-10-17 22:16:02

嘿Korvin，我已經告訴JSON是做到這一點的最有效方法。直到你給我看，我才真正瞭解如何去做。謝謝！我希望我能更好地理解這一點，仍然難以將它融合在一起但希望很快 –

'JSON'是'JavaScript Object Notation'，它是一個包含'JavaScript Object'內容的字符串。 'PHP'和'JavaScript'都能夠將這個字符串「本地解析」到各自的對象中（Array是'PHP'中的一個選項），這使得兩者之間的通信變得很容易。 –

如何格式化下拉列表以僅使用所選答案（取決於第一個下拉列表）

回答

相關問題