我有一個搜索功能,我必須讓用戶動態地添加下拉框中的搜索參數。這是我使用jQuery克隆。在多個下拉按鈕上重複鍵
現在我還必須確保用戶不會選擇相同的搜索條件兩次,因此爲了防止這種情況,我必須禁用所選的選項。當有兩個以上的下拉列表中
任何幫助是極大的讚賞
我試圖做到這一點失敗。
由於提前, 拉吉
我有一個搜索功能,我必須讓用戶動態地添加下拉框中的搜索參數。這是我使用jQuery克隆。在多個下拉按鈕上重複鍵
現在我還必須確保用戶不會選擇相同的搜索條件兩次,因此爲了防止這種情況,我必須禁用所選的選項。當有兩個以上的下拉列表中
任何幫助是極大的讚賞
我試圖做到這一點失敗。
由於提前, 拉吉
檢查這個Fiddle。
着色作品。但不是禁用的財產。你必須調查。
你可以像這樣使用而不是改變顏色。
if(flag)
$(this).css('display','none');
else
$(this).css('display', 'block');
我覺得禁用的屬性也會觸發更改事件。我不確定這一點。但它不起作用。
試試這段代碼,我認爲應該以某種方式幫助你!
<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>
做一些改變,我認爲你會符合你的要求.. –
爲什麼不使用複選框? –
我需要這個搜索功能,所以會有對每個標準的輸入字段,像http://jsfiddle.net/bWN7L/ – rajgumma