2012-10-18 49 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

好吧好吧...所以你可以使用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

做一些改變,我認爲你會符合你的要求.. –