Javascript 带有下拉项的HTML表单，如何在下一个表单中实时删除它？

我有一个

JSP

页面，它填充了3个不同的下拉菜单

它们都是相同的。我正在寻找一种

javascript

方式，如果他们从下拉列表中选择一个，那么在下一个下拉列表中就不会有该选项

假设您有3个选项“Select1”、“Select2”和“Select3”。将onchange事件添加到“Select1”：

函数Select1\u OnChange（）{
var elemSelect1=document.getElementById（“Select1”）；
var elemSelect2=document.getElementById（“Select2”）；
var elemSelect3=document.getElementById（“Select3”）；
var selValue=elemSelect1.options[elemSelect1.selectedIndex].value；
elemSelect2.remove（getIndexFromValue（elemSelect2，selValue））；
elemSelect3.remove（getIndexFromValue（elemSelect3，selValue））；
}
函数Select2\u OnChange（）{
var elemSelect2=document.getElementById（“Select2”）；
var elemSelect3=document.getElementById（“Select3”）；
var selValue=elemSelect2.options[elemSelect2.selectedIndex].value；
elemSelect3.remove（getIndexFromValue（elemSelect3，selValue））；
}
函数getIndexFromValue（objSelect、strValue）{
var-ret；
对于（i=0；i

标记可能看起来像：

<select id="Select1" name="Select1" size="1" onchange="Select1_OnChange()>
    <option value="red">Red</option>
    <option value="green">Green</option>
    <option value="blue">Blue</option>
    <option value="yellow">Yellow</option>
</select>
<select id="Select2" name="Select2" size="1" onchange="Select2_OnChange()>
    <option value="red">Red</option>
    <option value="green">Green</option>
    <option value="blue">Blue</option>
    <option value="yellow">Yellow</option>
</select>
<select id="Select3" name="Select3" size="1">
    <option value="red">Red</option>
    <option value="green">Green</option>
    <option value="blue">Blue</option>
    <option value="yellow">Yellow</option>
</select>

红色
绿色
蓝色
黄的
红色
绿色
蓝色
黄的

这实际上是一个非常常见的问题的变体。我建议你多搜索。你能多解释一下你的问题吗？也许能给你一些关于这个主题的当前研究的线索吗？所以这是一堆不同的问题，然后是一个答案的输入。但是如果他们选择一个并回答，我想在下一个下拉菜单中实时删除它。列表正在java后端中创建。网站上有3个下拉菜单。谢谢！那么我该如何将它添加到我的html页面中呢？添加到你的HEAD标签的某个地方。将我发布的代码放置在和之间。添加onchange事件以选择标记：如果它不确定您要问什么，该怎么办。显然，在所有选择之间都会有标记。你能说清楚点吗？对不起，我弄错了。正如您所说，我添加了它，但出于某种原因，它并没有删除元素。

<select id="Select1" name="Select1" size="1" onchange="Select1_OnChange()>
    <option value="red">Red</option>
    <option value="green">Green</option>
    <option value="blue">Blue</option>
    <option value="yellow">Yellow</option>
</select>
<select id="Select2" name="Select2" size="1" onchange="Select2_OnChange()>
    <option value="red">Red</option>
    <option value="green">Green</option>
    <option value="blue">Blue</option>
    <option value="yellow">Yellow</option>
</select>
<select id="Select3" name="Select3" size="1">
    <option value="red">Red</option>
    <option value="green">Green</option>
    <option value="blue">Blue</option>
    <option value="yellow">Yellow</option>
</select>