變化取決於第一個下拉列表和第三個下拉上第二個下拉選擇使用PHP和數組

Question

我得到兩個下拉下來的例子，但我要三下拉例如

第一個下拉值是第二個下拉列表選擇了第二個應該改變和第二後下拉第三屆應該改變，然後人會點擊保存它會去mysql數據庫

請給我任何例子 我得到一個，但其2下拉

我已經試過這段代碼，但它不是寫代碼，因爲如果我先改變DD休息兩個AL所以改變

  (http://jsfiddle.net/arunpjohny/nQBK2/) 

HTML：

<select name="select1" id="select1"> 
    <option value="1">Item 1</option> 
    <option value="2">Item 2</option> 
    <option value="3">Item 3</option> 
</select> 
<select name="select2" id="select2"> 
    <option value="1">Item 1 second</option> 
    <option value="2">Item 2 second</option> 
    <option value="3">Item 3 second</option> 
</select> 
<select name="select3" id="select3"> 
    <option value="1">Item 1 third</option> 
    <option value="2">Item 2 third</option> 
    <option value="3">Item 3 third</option> 
</select> 

JQuery的：

var $select2 = $('#select2'), $select3 = $('#select3'); 
$("#select1").change(function() { 
    var id = $(this).val(); 

    if ($select2.data('options') == undefined) { 
     $select2.data('options', $select2.find('option').clone()); 
    } 
    var options = $select2.data('options').filter('[value=' + id + ']'); 
    $select2.html(options); 

    if ($select3.data('options') == undefined) { 
     $select3.data('options', $select3.find('option').clone()); 
    } 
    var options = $select3.data('options').filter('[value=' + id + ']'); 
    $select3.html(options); 
}); 

Answer 1

你可以做你通過選擇自己的價值的選項問： 你正在使用的過濾器功能被移除除了被選中的選項之外的所有選項。

find('option[value="' + i + '"]');

http://jsfiddle.net/nQBK2/4/

select1 = $('#select1'); 
select2 = $('#select2'); 
select3 = $('#select3'); 

$(select1).change(function() { 
    var i = $(this).val(); 
    $(select2).find('option[value="' + i + '"]').prop('selected', true); 
}); 

$(select2).change(function() { 
    var i = $(this).val(); 
    $(select3).find('option[value="' + i + '"]').prop('selected', true); 
});