gpt4 book ai didi

javascript - 如何用JavaScript实现三个选择框和处理选择?

转载 作者:行者123 更新时间:2023-11-29 16:07:58 25 4
gpt4 key购买 nike

我需要在一个页面上实现 3 个选择框,其中一个框中选择的值不应出现在下一个选择框中。我可以用代码对此进行详细解释吗? JS新手。让我知道这是否也可以用 PHP 完成。提前致谢。这是示例代码。让我知道为什么它不采用 JS 脚本:

    <html>
<head>
<title>check</title>
<body>


<select name="name[]" class="select">
<option value="">Select</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select name="name[]" class="select">
<option value="">Select</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select name="name[]" class="select">
<option value="">Select</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>

<script>
$('select').change(function() {
var myOpt = [];
$("select").each(function () {
myOpt.push($(this).val());
});
$("select").each(function () {
$(this).find("option").prop('hidden', false);
var sel = $(this);
$.each(myOpt, function(key, value) {
if((value != "") && (value != sel.val())) {
sel.find("option").filter('[value="' + value +'"]').prop('hidden', true);
}
});
});
});
</script>

</body>
</head>
</html>

最佳答案

希望这个答案能解决您的疑问:

$('select').change(function() {
var val = $(this).val();

$("select").not(this).each(function(index, item) {
$(item).find("option[value='" + val + "']").remove();
});
});

或者您可以转到 jsfiddle现场演示链接。

关于javascript - 如何用JavaScript实现三个选择框和处理选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36215058/

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