gpt4 book ai didi

javascript - 从选择中隐藏先前选择的选项

转载 作者:行者123 更新时间:2023-11-30 11:45:13 25 4
gpt4 key购买 nike

我有这个下拉菜单。

<select id="dDown">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>

如果我第一次选择b,下次我点击相同的dDown时,唯一会显示的选项应该是ac。如果我选择a,下一个dDown 选项应该是bc

这怎么可能?

最佳答案

禁用所选选项

$("#dDown").change(function() {
$("option", this).prop("disabled", false)
$("option:selected", this).prop("disabled", true)


})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="dDown">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>

隐藏选择的选项

$("#dDown").change(function() {
$("option", this).show()
$("option:selected", this).hide()


})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="dDown">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>

您可以使用 .prop() 来禁用该选项或使用 .hide() 如果您想隐藏。

关于javascript - 从选择中隐藏先前选择的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41215593/

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