验证下拉框选择?
回答
您可以检查望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
显然不是,因为他问的问题:) –