同选择列表的多个下拉框怎么验证选择重复

需求场景

有多维度的过滤需求,会在多个维度上做组合,并且维度不能重复。

方法分析

这里的方法其实不是html怎么做,而是一个小算法。

我们根据维度的数量,初始化一个质数数组,分别代表每个维度的值,然后所选维度的乘积来表示当前的一个状态。

由于都是质数相乘,所以新选择维度是,若当前的乘积能够被新维度整除,那么就是重复了

html

<select class="dimension" name="dimension">
    <option value="" selected="">请选择维度</option>
    <option value="0">版本</option>
    <option value="1">渠道</option>
    <option value="2">标签</option>
    <option value="3">地域</option>
    <option value="4">语言</option>
    <option value="5">机型</option>
    <option value="6">用户活跃度</option>
</select>

javascript

var accumulate = 1;
var prime=[2,3,5,7,11,17,19];
$(".dimension").each(function(){
    var index = $(this).val();//新维度
    if(accumulate %prime[index]==0){//整除
        alert("重复!");
    }else{
         accumulate = accumulate*prime[index];
    }
}

 

posted on 2015-03-09 10:48  Erbin  阅读(638)  评论(0编辑  收藏  举报

导航