• easui 两个combobox相互选中时至对方为空的解决方案


    combobox HTML:

    		       			<select id="monthplan" class="zxui-combobox" name="monthplan" style="150px;" >   
    		       			 <option value=""></option>
    						    <option value="p1">计划1</option>   
    						    <option value="p2">计划2</option>   
    						    <option value="p3">计划3</option>   
    						    <option value="p4">计划4</option>   
    						    <option value="p5">计划5</option> 
    						    <option value="p6">计划6</option>   
    						    <option value="p7">计划7</option>   
    						    <option value="p8">计划8</option>   
    						    <option value="p9">计划9</option>  
    						    <option value="p10">计划10</option>   
    						    <option value="p11">计划11</option>   
    						    <option value="p12">计划12</option>   
    						</select>  
    						 
    						<select id="monthls" class="zxui-combobox" name="monthls" style="150px;" > 
    						<option value=""></option>  
    						    <option value="k1">落实情况1</option>   
    						    <option value="k2">落实情况2</option>   
    						    <option value="k3">落实情况3</option>   
    						    <option value="k4">落实情况4</option>   
    						    <option value="k5">落实情况5</option> 
    						    <option value="k6">落实情况6</option>   
    						    <option value="k7">落实情况7</option>   
    						    <option value="k8">落实情况8</option>   
    						    <option value="k9">落实情况9</option>  
    						    <option value="k10">落实情况10</option>   
    						    <option value="k11">落实情况11</option>   
    						    <option value="k12">落实情况12</option>   
    						</select>  
    

    查阅easyUI api 没有找到combobox设置默认值的内容,当然码友们又通过自己的js去实现的,但总体看来过于复杂,知道看到一位码友的文章,当我们选中下拉框1的时候通过他的onSelect事件,获取下拉框2的数据,并把下拉框二的第一组数据赋给下拉框二,就可以实现两个下拉框每次只能选择一个的逻辑。

    js:

    	var datap = $('#monthls').combobox('getData');
    	var datas = $('#monthplan').combobox('getData');
    	$('#monthplan').combobox({
    		onSelect:function(param){
    			if (param.text) {
    				$('#monthls').combobox('select',datap[0].value); 
    			}
    		}
    	});
    	
    	$('#monthls').combobox({
    		onSelect:function(param){
    			if (param.text) {
    				$('#monthplan').combobox('select',datas[0].value); 
    			}
    		}
    	});
    

      感谢:https://www.cnblogs.com/soundcode/p/6542391.html

  • 相关阅读:
    phpexcel 导入超过26列、处理时间格式
    PDO::__construct(): Server sent charset (255) unknown to the client. Please, report to the developers
    关于微信支付服务器证书更换的提醒
    PHP微信开发之模板消息回复
    js---用对象来放置变量和方法
    electron---更改安装图标
    css---【vw,vh】进行自适应布局单位
    vue---父子组件之间的通信【props,$refs、$emit】
    vue---props进行双向数据绑定报错
    ES6----拓展运算符 三个点【...】
  • 原文地址:https://www.cnblogs.com/ckxlovejava/p/7808055.html
Copyright © 2020-2023  润新知