Html 如何停止在<；中显示所选值；选择>；选择权

我的JSP页面中有5个下拉列表

<select>
<option></option>
<option></option>
<option></option>
<option></option>
</select> 


<select>
<option></option>
<option></option>
<option></option>
<option></option>
</select> 


<select>
<option></option>
<option></option>
<option></option>
<option></option>
</select> 


<select>
<option></option>
<option></option>
<option></option>
<option></option>
</select> 


<select>
<option></option>
<option></option>
<option></option>
<option></option>
</select> 

最初，所有选择列表都选择了默认选项“选择一个”

现在我想知道，如果我从列表1中选择一个项目，那么这个项目不会显示在所有其他项目中

如果从列表2中选择，则它不应适用于所有其他列表

我完成了JSP页面中的代码

---

感谢您的帮助，我真的需要使用jquery执行此操作。您只需执行以下操作：

$('select').change( function() {
    var selected_value = $('option:selected', this).val();
    $('select').not( $(this) ).each( function(i,v) {                            
        $('option', v).each( function(j, x) {
            if( x.value == selected_value ) {
                 $(x).remove();
            }                
        });            
    });
});​

下面是一个小提琴的例子：

请注意，这绝不是最好的实现，但它基本上做到了您希望它做的事情

编辑： 如下面@RoXon所述的四轮马车。这里有一个更新版本，仍然有bug，但它应该会给你一个如何解决它的想法

---

使用jquery，您只需执行以下操作：

$('select').change( function() {
    var selected_value = $('option:selected', this).val();
    $('select').not( $(this) ).each( function(i,v) {                            
        $('option', v).each( function(j, x) {
            if( x.value == selected_value ) {
                 $(x).remove();
            }                
        });            
    });
});​

下面是一个小提琴的例子：

请注意，这绝不是最好的实现，但它基本上做到了您希望它做的事情

编辑： 如下面@RoXon所述的四轮马车。这里有一个更新版本，仍然有bug，但它应该会给你一个如何解决它的想法

---

您需要使用javascript来完成此操作。另外，像jquery这样的javascript框架可以让它变得更容易。是的，你说得对，你有没有在这方面给我任何帮助，实际上我应该如何实现这一点？你会想为此使用javascript。另外，像jquery这样的javascript框架可以使它更容易实现。是的，你说得对，你在这方面给我任何帮助了吗？我应该如何实现它？你玩过你的演示吗？完全是马车，一点也不。车怎么样了。。编辑：没关系，我现在看到了。不过，我确实说过这不是最好的实现=你玩过你的演示吗？完全是马车，一点也不。车怎么样了。。编辑：没关系，我现在看到了。不过，我确实说过这不是最好的实现=P