Question

我的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页面中完成了代码。

感谢您的帮助，我真的需要这样做

Answer 1

使用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();
            }                
        });            
    });
});

这是一个小提琴示例：http://jsfiddle.net/Lh3AZ/1/

请注意，这绝不是最佳实现，但它基本上可以完成您希望它执行的操作。

编辑：如下@RoXon所述的Buggy。这是一个更新版本，仍然有问题，但它应该让你知道如何解决它。

http://jsfiddle.net/Lh3AZ/6/

如何在<select>选项</select>中停止显示所选值

1 个答案: