Question

我有一个搜索功能，我必须让用户动态添加下拉框中的搜索参数。我正在使用jquery克隆。

现在我还必须确保用户没有选择相同的搜索条件两次，因此为了防止这种情况，我必须禁用所选的选项。

当有两个以上的下拉列表时，我尝试这样做会失败

http://jsfiddle.net/V8uFE/

非常感谢任何帮助。

提前致谢，拉吉

Answer 1

相反，您可以在单个列表中使用多个选择。但是如果您想这样做，您可以使用AJAX。

Answer 2

检查此Fiddle。

着色有效。但没有禁用财产。你必须对此进行调查。

你可以像这样使用而不是改变着色。

if(flag)               
    $(this).css('display','none');               
else               
    $(this).css('display', 'block');

我认为禁用属性也会触发更改事件。我不确定。但它没有用。

Answer 3

尝试代码，我认为应该以某种方式帮助你!!

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
</head>
<script>
        function disableValue(str){
                    var dis1=document.getElementsByTagName("option");
                     for(var i=0;i<dis1.length;i++){
                            if(dis1[i].value==str){
                                 dis1[i].disabled=true;
                            }
                     }
                    return true;
        }

    </script>
<body>

   <select  onchange="return disableValue(this.value)">
<option selected="selected">-Search Parameters-</option>
<option value="1" class="go1">1</option>
<option value="2" class="go2">2</option>
<option value="3" class="go3">3</option>
</select>

<select onchange="return disableValue(this.value)">
<option selected="selected">-Search Parameters-</option>
<option value="1" class="go1">1</option>
<option value="2" class="go2">2</option>
<option value="3" class="go3">3</option>
</select>

<select onchange="return disableValue(this.value)">
<option selected="selected">-Search Parameters-</option>
<option value="1" class="go1">1</option>
<option value="2" class="go2">2</option>
<option value="3" class="go3">3</option>
</select>

<div id="work"></div>
  </body>
</html>

多个下拉按钮上的重复键

3 个答案: