0

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

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

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

http://jsfiddle.net/V8uFE/

任何帮助是极大的赞赏。

在此先感谢，拉吉

4

3 回答 3

0

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

于 2012-10-18T10:40:25.230 回答
0

检查这个小提琴。

着色作品。但不是残疾人财产。你必须对此进行调查。

您可以像这样使用而不是更改颜色。

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

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

于 2012-10-18T11:00:11.733 回答
0

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

<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>
于 2012-10-18T12:20:51.337 回答