同选择列表的多个下拉框怎么验证选择重复
需求场景
有多维度的过滤需求,会在多个维度上做组合,并且维度不能重复。
方法分析
这里的方法其实不是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]; } }