验证下拉框选择？

Question

在这里我的要求是，一旦我们在一个选择框中选择SON或父亲，如果我在另一个选择框中选择“婆婆”或“父亲在法律”，我想要一条警告信息，例如“公婆不适用”。

这是我的代码，

if (arr.indexOf(!(($(this).val() == 'Son' || $(this).val() == 'Father'))) > -1) {
    alert('In-laws are not applicable');
    return false;
}

任何人都可以帮助我。 jsFiddle就在这里 。

-谢谢。

Answer 1

在用户选择Father-in-law或Mother-in-law后，您可以查看寻找Son或Father每一个selects ：

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()的值保存在变量中。

Answer 2

如果我了解你，你想要的是看看“儿子”或“父亲”是否已被选中，而我们目前正在选择一个“姻亲”，以抛出错误。

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() ，然后引用它。

这是一个小提琴： 小提琴

Answer 3

这是另一种选择。 此代码的效率低于其他答案，因为它总是会迭代。

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");
 });