根据第一个下拉列表更改第二个下拉列表，使用php和数组更改第二个下拉列表中的第三个下拉列表

Question

我得到两个下拉示例，但我想要三个下拉示例

第一个下拉值选择第二个应该更改，第二个下拉第三个应该更改然后人将点击保存它将转到mysql数据库

请给我任何一个例子 我得到了一个，但它的2下降

我已经尝试过这段代码，但它不是写代码，因为如果我第一次DD休息，那么两个也会改变

           ( 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);
});