Html 如果在其他选择中选择了此选项，如何禁用选择中的选项
我有三个选择组具有相同的选项。 如果在其他选择中选择了此选项，如何禁用选择中的选项Html 如果在其他选择中选择了此选项，如何禁用选择中的选项,html,jquery,Html,Jquery,我有三个选择组具有相同的选项。 如果在其他选择中选择了此选项，如何禁用选择中的选项 <select class="form-control" id="first_select" name="foo" required> <option disabled selected value="0">Choose*</option>
<select class="form-control" id="first_select" name="foo" required>
<option disabled selected value="0">Choose*</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select class="form-control" id="second_select" name="foo2" required>
<option disabled selected value="0">Choose*</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4>4</option>
<option value="5">5</option>
</select>
<select class="form-control" id="third_select" name="foo3" required>
<option disabled selected value="0">Choose*</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4>4</option>
<option value="5">5</option>
</select>
你可以这样做： $.form-control.onchange，函数{ 让selects=$.form-control.notthis； 让allSelects=$.form控件； 选择.eachfunction{ 让选项=$this.findoption； options.eachfunction{ $this.propdisabled，false； }; }; allSelects.eachfunction{ 让val=$this.val； $.form control.notthis.findoption[value='+val+'].propdisabled，true； }; }; 选择* 1. 2. 3. 4. 5. 怀比尔兹·扎沃德* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5.
你可以这样做： $.form-control.onchange，函数{ 让selects=$.form-control.notthis； 让allSelects=$.form控件； 选择.eachfunction{ 让选项=$this.findoption； options.eachfunction{ $this.propdisabled，false； }; }; allSelects.eachfunction{ 让val=$this.val； $.form control.notthis.findoption[value='+val+'].propdisabled，true； }; }; 选择* 1. 2. 3. 4. 5. 怀比尔兹·扎沃德* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5.
注意，您在第二次和第三次选择中对值4的引用未正确关闭！这将使代码失败。 对于选项1，要禁用其他选项，请选择： 功能禁用OthersSender{ var val=$sender.val； //若更改值，则启用所有。 $'second_select'.children.attr'disabled'，false； $'third_select'.children.attr'disabled'，false； $'second_select'.children'option[value='+val+']'.attr'disabled'，true； $'third_select'.children'option[value='+val+']'.attr'disabled'，true； } 选择* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5.
注意，您在第二次和第三次选择中对值4的引用未正确关闭！这将使代码失败。 对于选项1，要禁用其他选项，请选择： 功能禁用OthersSender{ var val=$sender.val； //若更改值，则启用所有。 $'second_select'.children.attr'disabled'，false； $'third_select'.children.attr'disabled'，false； $'second_select'.children'option[value='+val+']'.attr'disabled'，true； $'third_select'.children'option[value='+val+']'.attr'disabled'，true； } 选择* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5. $document.readyfunction{ $'.form控件'.在'change'上，函数E{ var options selected=$option:已选择，此选项为； var valueSelected=此值； $'.form控件'.findoption.removeAttr'已禁用'； $'.form控件'.findoption:包含'+valueSelected+'。属性'disabled'，'disabled'； }; }; 选择* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5. $document.readyfunction{ $'.form控件'.在'change'上，函数E{ var options selected=$option:已选择，此选项为； var valueSelected=此值； $'.form控件'.findoption.removeAttr'已禁用'； $'.form控件'.findoption:包含'+valueSelected+'。属性'disabled'，'disabled'； }; }; 选择* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5. 选择* 1. 2. 3. 4. 5.
您尝试了什么？请展示您自己为解决此问题所做的任何尝试。您应该已经尝试过，我们可以帮助您调试。同时回顾您尝试了什么？请展示您自己为解决此问题所做的任何尝试。您应该已经尝试过，我们可以帮助您调试。同时回顾我的价值观在value字段中有两个值，我抛出一个error value=foo foo error:Syntax error，unrecogned expression:optio@ncti如果您使用的代码与您的问题中的代码相同：这里有一个错误，我使用的是不同的代码，这是示例值。我的价值是双重的
“abc bca”@ncti你能修改一下你的代码吗？找出哪里出了问题比较容易。@ncti我无法重现错误。我更改了每个下拉列表，没有任何错误，尽管我不能说它是否按预期工作。发生此错误需要哪些步骤？我的值在value字段中有两个值，我抛出一个error value=foo foo error:Syntax error，unrecogned expression:optio@ncti如果您使用的代码与您的问题中的代码相同：这里有一个错误，我使用的是不同的代码，这是示例值。我的价值是双重的，就像‘abc bca’@ncti你能修改一下你的代码吗？找出哪里出了问题比较容易。@ncti我无法重现错误。我更改了每个下拉列表，没有任何错误，尽管我不能说它是否按预期工作。发生此错误需要执行哪些步骤？抱歉，第三次选择时未写入抱歉，第三次选择时未写入不工作，我可以选择1,2,1，如果1为选择，则应将其从第三次选择中删除这不是您在问题中提出的问题。你问过如何禁用。你可以改变你的问题，或者发布另一个问题。如果我将答案更改为“如何删除”，它将与您的问题无关。很抱歉，不删除，禁用。不工作，我可以选择1,2,1，如果1为“选择”，则应从第三个选择中删除。这不是您在问题中提出的问题。你问过如何禁用。你可以改变你的问题，或者发布另一个问题。如果我将答案更改为“如何删除”，它将与您的问题无关。很抱歉，无法删除，请禁用。