Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery选择第一个组合框的第一个索引,禁用其他组合框并重置其他组合框的值?_Javascript_Jquery_Combobox - Fatal编程技术网

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

Javascript 如何使用jQuery选择第一个组合框的第一个索引,禁用其他组合框并重置其他组合框的值?,javascript,jquery,combobox,Javascript,Jquery,Combobox,我有三个ComboBX。所有组合框都有值:“选择”、“一”、“二”和“三” 这是斯克雷纳里奥: 如果从第一个组合框中选择了“选择”,则应禁用所有组合框并将值重置为其第一个索引 jQuery HTML 选择 A. B C 残废 A. B C 残废 A. B C 这里的box\u g1是第一个组合框。并从2到5禁用其他组合框。尝试以下操作: $("select").change(function(e){ if($("#box_g1").val() == "Select"){

我有三个ComboBX。所有组合框都有值:“选择”、“一”、“二”和“三”

这是斯克雷纳里奥:

如果从第一个组合框中选择了“选择”,则应禁用所有组合框并将值重置为其第一个索引

jQuery HTML

选择
A.
B
C
残废
A.
B
C
残废
A.
B
C
这里的
box\u g1
是第一个组合框。并从2到5禁用其他组合框。

尝试以下操作:

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

当然可以。编辑问题以添加HTML。请检查。不,它不工作。与你分享小提琴,与你所给的代码。请看一看。默认情况下,两个组合框都应该被禁用。我想我明白了,我也更新了答案。。。请检查小提琴[链接]:()我的Fiddle@k00989真为你高兴!!
<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>
$("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"); 
    }
});