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

需求场景

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

方法分析

这里的方法其实不是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];
    }
}

 

转载于:https://www.cnblogs.com/erbin/p/4323007.html