2012-10-18 5 views
0

У меня есть функция поиска, где я должен предоставить пользователю рычаг для динамического добавления параметров поиска, которые находятся в раскрывающемся списке. Это я делаю с использованием клон jquery.дубликаты клавиш на нескольких кнопках выпадающего списка

Теперь я также должен убедиться, что пользователь не выбирает одни и те же критерии поиска дважды и, следовательно, чтобы предотвратить это, мне нужно отключить выбранные параметры.

Моя попытка сделать это не удается, когда есть более двух выпадающие

http://jsfiddle.net/V8uFE/

Любая помощь очень ценится.

Спасибо заранее, Радж

+0

Почему бы не использовать флажки? –

+0

Мне нужно это для функции поиска, поэтому для каждого критерия были бы поля ввода, например http://jsfiddle.net/bWN7L/ – rajgumma

ответ

0

вместо этого вы можете использовать множественный выбор в одном списке itself..But, если вы хотите сделать, что вы можете использовать AJAX для этого.

+0

Мне это нужно для функции поиска, поэтому для каждого критерия были бы поля ввода, что-то вроде http://jsfiddle.net/bWN7L/ – rajgumma

+0

ok ok ... Итак, вы можете использовать AJAX и продолжать игнорировать значения, которые вы уже выбрали. Пройдите через некоторое руководство по ajax. Это поможет вам реализовать вещи. –

+0

I я игнорирую их, фактически переписывая их новыми событиями, но мне нужна проверка переднего конца, чтобы сообщить пользователю, что он дважды выбрал те же критерии. Это своего рода требование – rajgumma

0

этот Fiddle.

раскраски. но не отключено. вы должны это расследовать.

вы можете использовать как это вместо изменения цвета.

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

Я думаю, что отключенная собственность также триггеры меняют событие. Я не уверен в этом. Но это не работает.

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> 
+0

внести некоторые изменения, и я думаю, что вы будете соответствовать вашим требованиям .. –

Смежные вопросы