Question

jquery 验证多个select中是否有重复的值

Answer 1

        <select>
            <option>A</option>
            <option>B</option>
            <option>C</option>
            <option>D</option>
        </select>
        <select>
        <option>A</option>
            <option>B</option>
            <option>C</option>
            <option>D</option>
        </select>
        <select>
        <option>A</option>
            <option>B</option>
            <option>C</option>
            <option>D</option>
        </select>
        <select>
        <option>A</option>
            <option>D</option>
            <option>C</option>
            <option>D</option>
        </select>

(function($){

    $(function(){
        
        var index = [];
        
        $("select").each(function(i,e){
            var map = {},isDuplicate = false;
            $(e).find("option").each(function(j,f){
                    var $f = $(f),
                            t = $f.text();
                if(map[t]){
                    isDuplicate = true;
                    return false;
                }else{
                    map[t] = true;
                }
            });
            if(isDuplicate){
                index.push(i);
            }
        });
        
        if(index.length > 0){
            alert("第"+index.join(',')+"个select存在重复");
        }else{
            alert("没有重复");
        }
        
    });

})(jQuery);