使用easyui写的下拉框多选 怎样才能使部分下拉选项互斥

图片说明

例如 初级评审和终极评审不能同时选择问题怎样解决??求指教

0

1个回答

添加onSelect事件判断当前选中的项是否和已经选中的值有互斥的,有就调用unselect方法取消选中

           onSelect: function (r) {
                if (r.value == 'AL' || r.value == 'AK') {//2个互斥的值,判断选中的值
                    var vs = $(this).combobox('getValues'), v = r.value == 'AL' ? 'AK' : 'AL';
                    if ((',' + vs.join(',') + ',').indexOf(',' + v + ',') != -1) {//已经选中值包含当前选中值的互斥值,unselect下
                        $(this).combobox('unselect', r.value);
                    }
                }
            }
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
使用EasyUI编写多选下拉,单选下拉
使用效果HTML <div class="DropRadio"> <select id="cc" style="width:150px"></select> <div id="sp"> <div style="color:#99BBE8;b
EasyUI弹窗批量修改combogrid下拉框的值
 JS方法 //点击弹出批量修改框 UpdateLot: function () { var row = $("#dg").datagrid("getChecked"); if (row.length < 1) { toastr.warning("请先选择要修改的记录"); ...
在easyui-combobox多选模式下加入选择所有选项
NULL 博文链接:https://wusuobuai.iteye.com/blog/1848724
jquery easyui下拉框多选 和原生多选下拉多选
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ..
EasyUI实现下拉框多选
EasyUI实现下拉框多选
多选框改为下拉菜单多选的模式
页面写法<div class="" id="returnReasons" data-options="region:'south'" style="width:100%;height:100px"> <table cellspacing='0' class="reasonTableForm"> <td&amp
关于easyui combobox下拉框实现多选框以及全选、全不选的实现
参考文章:http://blog.csdn.net/u012027337/article/details/53927376 实现效果如下图: 当勾选全选的时候,可以选中下列所有的选项,当取消勾选时可取消所有勾选。 废话不多说 贴代码吧: 前端代码: //这里的id是上面的combobox的id,因为我要在点击一个按钮的之后再动态的加载出来,所以我把它单独的抽取出来了。如果
EasyUI下拉框实现多选、全选、复选和模糊查询
其实整个的思路还是很麻烦的。之前网上查不到能囊括上面所有东西的。但是参考之后还是摸出了一种新的方法,但是仍然不完美。毕竟是在封装的东西上面修改。
自定义EasyUI下拉单选和下拉多选控件
在做web页面时常常会用到EasyUI增加页面的效果,今天自定义两个EasyUI的控件,下拉单选和下拉多选, 在使用EasyUI时需要引用EasyUI的样式和js ,提供一个下载地址http://www.jeasyui.net/download/ 废话不多说,直接切入主题下拉多选控件新建一个Web用户自定义控件WebSelection.ascx前台页面代码<%@ Control Language
easyui 实现下拉列表多选
&amp;lt;td width=&quot;15%&quot; class=&quot;main_form_tabletitle&quot;&amp;gt;所属地区:&amp;lt;/td&amp;gt; &amp;lt;td width=&quot;35%&quot;&amp;gt; &amp;lt;input id=&quot;orgCode&quot; name=&quot;orgCode&quot; class=&quot;easyui-combobox&
easyui 下拉选择树(ComboTree) 的实现
很多时候都会用到下拉框, 有时候为了显示更好的效果, 会用到树型下拉框, 实际就是下拉框中带了一个树型的控件, 所以它自然继承自tree和combobox. 一: 前台: 1. 首先从前台来讲, 先把html元素写好 getValue 这里用js加载方式: $('#cc').combotree({ url:'tree_data.json', }); 这里的url是
easyUi 禁用下拉框
$('#elementId').combobox('readonly', b).combobox('textbox').prev().hide(); $('#elementId').combobox('readonly', b).combobox('textbox').prev().show();
C# COMBOX 树下拉,多选下拉等功能
C# COMBOX 树下拉,多选下拉等功能仅供参考!
关于多个下拉框互斥的问题
1.比如第一个下拉框选中的值,其他的下拉框就必须禁用该值,并且第一个下拉框的该值不能被禁用 var arr = [{code:'1',name:'fff1'},{code:'2',name:'fff2'},{code:'3',name:'fff3'},{code:'4',name:'fff4'}]; var arr1 = ['1','2','3'] ...
EasyUi中,关于动态生成多选下拉框
动态生成多选下拉框         在使用easyui的过程共中难免会遇到需要动态生成下拉框,也许是多个下拉框,也许是一个下拉框,说难不难,说简单不简单,反正我没有弄出来之前,觉得挺麻烦的.         下面附上代码,可用for循环动态生成多个下拉框!!!   有需求,评论联系我!!!
easyUI-combotree-树形下拉菜单
======================================我的================================================== Jsp标签: select id="id" class="easyui-combotree">select> JS: $('#cc').combotree({url: 'url'
easyUI下拉框多选
html&amp;lt;input type='text' id='phone_number' name='phone_number' class='easyui-combobox' data-options='required:true' style='height:26px;width:450px'/&amp;gt;js$('#phone_number').combogrid({ panelW...
easyUI combobox下拉框使用
1、制作一个json文件&amp;lt;input data-options=&quot;url:'${pageContext.request.contextPath }/json/combobox_data.json', valueField:'id', textField:'name'&quot; class=&quot;easyui-combobox&quot;&amp;gt; 2、案例(使用combobox展示区域数据)第一...
EasyUI多选下拉框的取值和赋值
@RequestMapping("/getCodeList")  public void getCodeList(HttpServletResponse resp){   ResUtil.resp(resp,JSON.toJSON(bizGuideMapper.getCodeList()).toString().toLowerCase());  } @Select("select
EasyUI单选,多选,下拉框
单选框 &amp;lt;div&amp;gt; &amp;lt;label for=&quot;name&quot;&amp;gt;性别:&amp;lt;/label&amp;gt; &amp;lt;input type=&quot;radio&quot; class=&quot;sex&quot; name=&quot;sex&quot; value=&quot;男&quot;&amp;gt;男 &amp;lt;input type=&quot;radio&quo
easyui的下拉框多选
easyui的下拉框多选easyui的下拉框多选easyui的下拉框多选
原生js实现的下拉多选控件,引用只需一个js
原生js实现的下拉多选控件 一、    各函数的使用方法和其作用简介 1.    调用本控件的函数 CheckboxSelect("selectid"); a)      详解:这个函数带一个参数,参数为select标签的id; b)      注意:这个函数调用的时候一定要放在以下任意的一个方法中:      ①     jQuery方法:$(document).ready
EasyUi 下拉选择框onchage( )事件
HTML页面代码:<th>&nbsp;所在仓库:</th> <td><input id="storageIdSearch" name="storageIdSearch" class="easyui-combobox" data-options="width:150"/>
如何取消选择easyui-combogrid的下拉数据
div style="height: 50px;line-height: 50px;"> label style="width: 135px">取消数据希腊表格的选中项label> input id="select" name="select" editable="false" class="easyui-combogrid" style="width:200px" data-op
easyui实现多选下拉框添加多选框图标,所选内容放到div里展示
js部分 function initComboboxtext(id,url,valueField,textField,id_con,seconddata,secondurl,param){              var value = "";      $.ajax({ url: url,                type: "POST",                da
EasyUI实现combobox下拉框多选以及取值
实现combobox下拉框多选的样式如下,选中的数据底色为高亮黄色显示,并会在输入框中进行显示,中间以“,”号分隔。 HTML代码: js代码如下:  这里下拉框的值是用url从后台获取,动态显示出来的。 //初始化试题类型 $('#questionType').combobox({ editable: false,// 不能直接输入到
easy ui组合框(下拉框)combobox多选的情况下限制它选择的个数
在相应的下拉框表头combobox添加onSelect方法,js中声明并且实现limitSelectNum方法通过$(this)指针获取到当前的元素,然后getValues方法获取到当前下拉框的值(这里我是多选所以是getValues,单选是getvalue方法),最后返回的是一个数组,判断数组的长度即你选择了多少个选项,最后如果超过了你所期待的个数(这里是规定不能超过9个),则将最后选择的那个选...
多选下拉框 带模糊查询下拉框内容
带有模糊查询得多选下拉框;可以快速定位到你要查询得地方;有时候下拉框内容很多的时候;很好用!
多选框、下拉列表禁用问题
        后台项目中经常会用到下拉列表或者多选框,可能因为权限控制或者其它原因,要求在审核或则修改时禁用多选框或者下拉列表,使用$(&quot;#id&quot;).attr(&quot;disabled&quot;,true)可以禁用下拉列表或者多选框,但是这样会带来新的问题,被禁用下拉列表无法将数据传到服务端,如何做到既能禁用又能够将数据传到后台呢?提供一下几个思路:        1.正常采用$(&quot;#id&quot;).attr(&quot;d...
关于easyUI的combbobox下拉框多选时,后台获取下拉框的值获取的问题
在使用easyUI的combobox时,当参数里设置为multiple:true时,下拉框可以选择多个, js代码 $('#cc').combobox({ panelHeight:'auto', multiple:true, method:'get', url:'web', dataType : "json", valueField:'id', te
多个select 的互斥选择实现
/* * 目前不支持狐火 浏览器 * * * * * */ /******** 声明全局变量 *****/ var selectObjects=[];//空的数组,用于构建数组对象 var selectArray=new Object();//用于存储临时select的对象数组 /*** * 初始化页面时 调用onLoad() ...
easyui带复选框的下拉列表
$('#cc').combobox({                 url:'combobox_data1.json',                 method:'get',                 valueField:'id',                 textField:'text',                 panelHeig
combotree下拉框多选
        var dataJson = &quot;[&quot;;         dataJson += &quot;{\&quot;id\&quot;:\&quot;all\&quot;,\&quot;text\&quot;:\&quot;全部\&quot;,\&quot;checked\&quot;:true&quot; + &quot;,\&quot;children\&quot;:[&quot;         dataJson += &quot;{\&quot;id\&quot;:\&q
easyui 1.3版本select下拉框 请选择失效,为必录项 -问题等
直接看演示:     正确         1.初始化进来的时候点击请选择的时候置灰,变为非必录项 2.点击结算方式的任意一个下拉框变为 必录项    正确            3.此时在点击请选择的时候,按理说会还原到第一个非必录项的并且是置灰的,debugger 进去的时候方法也走了,但是就是不好用还是  '请选择  的时候还是为必录项,正常是非必录 并且是置灰的'     ...
关于easyui combobox下拉框实现多选框的实现
好长时间没有更博了,一是因为最近真的比较忙,二是因为自己是真的偷懒了,哈哈      好啦,这篇博客主要是总结一些关于easyui combobox下拉框实现多选框的实现,包括前台界面的展示,和后台对数据的获取应用 一、实现的效果图如下:    二、实现    1、前台html代码:定义学术荣誉下拉框 学术荣誉:   2、js部分初始化学术荣誉下拉框数据    
checkbox中,根据获取的文字,如果有互斥选项,提示并取消最后选择的一个选项的实现
checkbox互斥
easyui select选择框模糊查询 以及页面引入多个版本的jquery解决办法
eaeyui版本1.4.4,下载地址 http://www.jeasyui.com/download/index.php 下拉框模糊查询例子:     pageEncoding="UTF-8"%>          登录成功                                 实现功能及说明:          
easyui 动态下拉框
这里写代码片 function setsecond(){ $(&quot;#doWay&quot;).combobox('clear'); var stepno = $(&quot;#badProduct&quot;).datagrid('getSelected').step; var data0 = [{text:&quot;请选择&quot;,value:&quot;-1&quot;},{text:&quot;...
进行模糊查询+多选功能的下拉框(select) 模糊加载
自写的一个能进行 模糊查询+多选的下拉框(select) 本人亲测,肯定符合你的要求
select下拉框支持多选及模糊
链接:https://pan.baidu.com/s/1RrbXwDFIvBftbpzEi4u38g 密码:10x8
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 python怎样才能学好 怎样才能学好python