如何选择第一个组合框的第一个索引并禁用其他组合框并用jQuery重置其他组合框的值？

Question

我有三个组合框。所有组合框都有值：＆＃34;选择＆＃34;，＆＃34;一个＆＃34;，＆＃34;两个＆＃34;＆＃34;三个＆＃34;

这是screnario：

如果＆＃34;选择＆＃34;从First Combobox中选择，然后它应该禁用所有组合框并将值重置为它们的第一个索引。

的jQuery

$("select").change(function(e){

    if($("#box_g1 option:selected").prop("selectedIndex",0)){
        $("#box_g2").attr("disabled", true);
        $("#box_g3").attr("disabled", true);
        // and so on
        $("#box_g5").attr("disabled", true); 
    }
});

HTML

<select name="n1" id="box_g1">
    <option value="Select">Select</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

<select name="n2" id="box_g2">
    <option value="Disabled">Disabled</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

<select name="n3" id="box_g3">
    <option value="Disabled">Disabled</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

这里box_g1是第一个组合框。并禁用2到5的其他组合框。

Answer 1

试试这个：

$("select").change(function(e){

    if($("#box_g1").val() == "Select"){
        $("#box_g2").attr("disabled", "disabled");
        $("#box_g3").attr("disabled", "disabled");
        // and so on
        $("#box_g5").attr("disabled", "disabled"); 
    }
});

DEMO FIDDLE