驗證下拉框選擇?
回答
您可以檢查望selects
的每一個Son
或Father
用戶選擇Father-in-law
或Mother-in-law
後:
if($(this).val()=='Mother-in-law' || $(this).val()=='Father-in-law'){
//for each of the Relation selects, we check if anyone is Son or Father
$('.classSelect').each(function(){
var currentSelect = $(this).val();
if(currentSelect == 'Son' || currentSelect == 'Father'){
alert("In-laws are not applicable");
}
});
}
活生生的例子:http://jsfiddle.net/4QUMG/10/
更新
生活使用arr
陣列例如:http://jsfiddle.net/4QUMG/12/
另外,我會保存在變量中的$(this).val()
值。
如果我理解你,你想要的是看是否已經選擇了「兒子」或「父親」,並且我們正在選擇「姻親」來拋出錯誤。
if (arr.indexOf('Son') > -1 || arr.indexOf('Father') > -1 && currentVal.indexOf('-in-law') > -1) {
alert('In-laws are not applicable');
return false;
}
該代碼將做到這一點。如果你想讓它工作在反向(即,我們不能在法律的兒子或父親面前選擇,要麼),我們就需要補充一點:
if ((arr.indexOf('Father-in-law') > -1 || arr.indexOf('Mother-in-law') > -1) && (currentVal === 'Son' || currentVal === 'Father')) {
alert('In-laws are not applicable');
return false;
}
此外,您也可以採取$(this).val()
出去一開始就有一個變量,所以你沒有時間檢查它。所以就像var currentVal = $(this).val()
,然後引用它。
這裏有一個小提琴:Fiddle
感謝您的解決方案,這對我非常有幫助,我的問題得到了解決。 – Rajasekhar
@Rajasekhar:如果我的解決方案幫助你,請考慮接受它。 –
這是另一種選擇。這個代碼比其他答案效率低,因爲它總是迭代。
jQuery有兩個品種的$.each(array, function(index, value)...
這與您當前的循環類似。
var fields = new Array();
$("#dataTable tr select[name^='dRelation']").each(function(i){
fields.push(this.value);
});
var rel = $(this).val();
$.each(fields, function(i,val) {
if((val=='Son' || val=='Father') && (rel == 'Father-in-law' || rel == 'Mother-in-law'))
alert("yep");
});
感謝您的解決方案,這對我很有幫助。 – Rajasekhar
- 1. angularjs選擇下拉驗證
- 2. JavaScript - 下拉驗證選擇
- 3. 驗證如果複選框被點擊,選擇下拉菜單
- 4. 驗證在下拉框中選擇了一個選項
- 5. jQuery驗證下拉選擇的textarea
- 6. 驗證選擇下拉數組在PHP
- 7. 驗證複選框或下拉列表
- 8. 下拉框/單選按鈕驗證?
- 9. 驗證選擇框
- 10. 驗證選擇框
- 11. 表單驗證無法在選擇下拉框中工作
- 12. 基於下拉列表選擇驗證文本框
- 13. 驗證一組下拉框?
- 14. 動態下拉框驗證
- 15. 驗證複選框選擇
- 16. 驗證在GridView中選擇下拉值和選擇價值
- 17. 選擇框不驗證,jqtransform jquery驗證
- 18. 選擇框下拉樣式
- 19. 樣式選擇下拉框
- 20. Rails 3下拉選擇框?
- 21. jquery下拉選擇框
- 22. Ul li下拉選擇框
- 23. 下拉框選擇尺寸
- 24. 選擇框驗證在angularJS
- 25. jQuery驗證多選擇框
- 26. 選擇框驗證與javascript
- 27. AngularJS驗證選擇框
- 28. jQuery的驗證選擇框
- 29. 選擇框的驗證CSS
- 30. 選擇框的Javascript驗證
他已經建立了一個選定值的數組。 –
@ColinDeClue然後,他會知道如何使用它:) – Alvaro
顯然不是,因爲他問的問題:) –