gpt4 book ai didi

javascript - 如何使用 jquery 禁用和启用选项项?

转载 作者:太空狗 更新时间:2023-10-29 15:49:57 24 4
gpt4 key购买 nike

我的表单中有 4 个选择项。当用户在任何选择中选择一个项目时,我希望在每个其他选择元素中禁用该项目。我的问题发生在我选择所有选项时,因为它禁用了所有选项。如何在选择/取消选择时启用/禁用项目?

JsFiddle

First referee: <select class="d1">
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
<option>Six</option>
</select>
Second referee: <select class="d2">
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
<option>Six</option>
</select>

Third referee: <select class="d3">
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
<option>Six</option>
</select>
Fourth referee:<select class="d4">
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
<option>Six</option>
</select>


$(document).ready(function () {

$('.d1, .d2, .d3, .d4').change(function () {
var V1 = $('.d1').find(":selected").text();
var V2 = $('.d2').find(":selected").text();
var V3 = $('.d3').find(":selected").text();
var V4 = $('.d4').find(":selected").text();

$('.d1, .d2, .d3, .d4').children().each(function (index, element) {
if ($(element).text() == V1 ) {
$(this).prop('disabled', true);
}
if ($(element).text() == V2) {
$(this).prop('disabled', true);
}
if ($(element).text() == V3) {
$(this).prop('disabled', true);
}
if ($(element).text() == V4) {
$(this).prop('disabled', true);
}


});
});

});

最佳答案

您可以尝试以下方法作为快速修复

$(document).ready(function () {

$('.d1, .d2, .d3, .d4').change(function () {
var V1 = $('.d1').find(":selected").text();
var V2 = $('.d2').find(":selected").text();
var V3 = $('.d3').find(":selected").text();
var V4 = $('.d4').find(":selected").text();

$('select option').prop('disabled',false); // reset everything

$('.d1, .d2, .d3, .d4').children().each(function (index, element) {
if ($(element).text() == V1) {
$(this).prop('disabled', true);
}
if ($(element).text() == V2) {
$(this).prop('disabled', true);
}
if ($(element).text() == V3) {
$(this).prop('disabled', true);
}
if ($(element).text() == V4) {
$(this).prop('disabled', true);
}

});
});
});

Demo

关于javascript - 如何使用 jquery 禁用和启用选项项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24825474/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com