0

ドロップダウンボックスにある検索パラメーターを動的に追加するためにユーザーに力を与える必要がある検索機能があります。これはjqueryクローンを使用して行っています。

また、ユーザーが同じ検索条件を 2 回選択しないようにする必要があるため、それを防ぐために、選択したオプションを無効にする必要があります。

2 つ以上のドロップダウンがある場合、これを実行しようとすると失敗します

http://jsfiddle.net/V8uFE/

どんな助けでも大歓迎です。

前もってありがとう、ラージ

4

3 に答える 3

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 に答える
0

このFiddleを確認してください。

着色作品。無効なプロパティではありません。あなたはそれを調査しなければなりません。

色を変更する代わりに、このように使用できます。

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

無効なプロパティも変更イベントをトリガーすると思います。私はそれについて確信が持てません。しかし、それは機能していません。

于 2012-10-18T11:00:11.733 に答える
0

代わりに、単一のリスト自体で複数選択を使用できます..しかし、それを行いたい場合は、これにAJAXを使用できます。

于 2012-10-18T10:40:25.230 に答える