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

需求场景

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

方法分析

这里的方法其实不是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];
    }
}
时间: 2024-10-06 19:47:15

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

C#中的ComboBox实现只能选择不能输入,且下拉框中有默认值。

下拉框有DropDownStyle这一属性,把DropDownStyle类型选为DropDownList,则下拉框只能选择不能输入了.但是这时的下拉框是没有默认值的,即使在Text属性中输入默认值,也不起作用.就要在(某某某.Designer.cs)文件中修改.这是没有修改的:this.NameTemplateBox.Cursor = System.Windows.Forms.Cursors.Default; this.NameTemplateBox.DropDownStyle = System

AngularJS: 使用ng-option生成下拉框,添加全部选择项

效果图如下: HTML代码: <div class="controls pull-left"> 消费类型: <select id="selectType" ng-model="currentType" ng-options="optiontype.id as optiontype.typeName for optiontype in typemodel"> </select> </di

@Html.DropDownListFor 下拉框绑定(选择默认值)

首先先构建绑定下拉框的数据源 private void GetSalesList() { var userList = _rmaExpressAppService.GetUserList(); TempData["RMASalesList"] = new SelectList(userList, "Id", "UserName");//选择 userList中的Id作为 Value,选择·UserName 作为Text显示 } 然后构建前台,推荐

09 下拉框 数据验证

效果 对输入的数据进行验证,不符合会报错. 数据验证:序列(字符串) 下拉框的制作 第一步:框选需要进行数据验证的区域 第二步:数据->数据验证->序列 第四步:来源:填写下拉框内容,以英文逗号分隔 其它的条件不一一举例 原文地址:https://www.cnblogs.com/scopicat/p/11832073.html

下拉框里根据选择项不同,显示的图片也不同

function change(){                var photo = document.getElementById("photo");                var photoImg = document.getElementById("photoImg");                photoImg.src = photo.value;            } <select name="photo"

关于下拉框列表不可选择相同值的设置一:当前DOM不可选

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>测试-当前元素不可选</title><style> .ipt { border: 1px solid #ddd; box-shadow: 0 0 3px rgba(0, 0, 0, 0.17) inset; transition: border 0.

利用js取到下拉框中选择的值

现在的需求是:下拉框中要是选择加盟商让其继续选择学校,要是选择平台管理员则不需要选择学校.隐藏选择下拉列表. 选择枚举值: /// <summary> /// 平台角色 /// </summary> public enum AdministratorRole { [Display(Name = "平台管理员")] PlatformAdministrator = 1, [Display(Name = "加盟商")] JoiningTrader

高仿QQ即时聊天软件开发系列之三登录窗口用户选择下拉框

上一篇高仿QQ即时聊天软件开发系列之二登录窗口界面写了一个大概的布局和原理 这一篇详细说下拉框的实现原理 先上最终效果图 一开始其实只是想给下拉框加一个placeholder效果,让下拉框在未选择未输入时显示一个提示字符串.由于Background对ComboBox无效,所以直接通过Background来实现是不行了.需要重新写ComboBox的模板,也就是Template,自定义一个模板来实现这个结果.又看了一下QQ的下拉框,这玩意不自定义也难以实现,所以就干脆自定义了. 先上代码,先是Com

下拉框选择blur与click冲突问题

缘由:今天在做下拉框选择时,遇到click和blur冲突问题:具体现象如下 1.intput框获取焦点(focus事件)时显示隐藏的下拉框,失去焦点(blur事件)则隐藏下拉框 2.点击选择(click事件)下拉框内容时获取值,然后intput失去焦点(blur事件)隐藏下拉框 3.发现click事件无效,blur事件会优先于click事件执行,导致click事件无效 解决:使用mousedown替换click使点击选择事件优先执行 mousedown事件:当鼠标指针移动到元素上方,并按下鼠标按