码迷,mamicode.com
首页 > 其他好文 > 详细

easyui-combobox與Select控件联动&&赋值筆記

时间:2014-12-30 13:23:12      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

双击select 移除某项ondblclick="this.removeChild(this.options[this.selectedIndex])"
不必在option 上定义 。代码如下:

<select style="width:400;height:300;" multiple="true"
ondblclick="this.removeChild(this.options[this.selectedIndex])">
<option value="aaa">aaa</option>
<option value="aaa">bbb</option>
<option value="aaa">ccc</option>
<option value="aaa">ddd</option>
<option value="aaa">eee</option>
</select>


//////////////////////////////////////////
//easyui-combobox联动
<input id="cc1" class="easyui-combobox" data-options="
value:‘请选择...‘,
editable:false,
valueField: ‘catCode‘,
textField: ‘desc1‘,
url: ‘${pageContext.request.contextPath}/Coupon/Couponitemlist‘,
onSelect: function(rec){
 
var url = ‘${pageContext.request.contextPath}/Coupon/Couponitemlist2?cat=‘+rec.catCode;
$(‘#cc2‘).combobox(‘reload‘, url);

}">
<input id="cc2" class="easyui-combobox" data-options=" value:‘请选择...‘,editable:false,valueField:‘itemCode‘,textField:‘desc1‘ ,onSelect: function(row){
var opts = $(this).combobox(‘options‘);
var desc1=row[opts.textField];
var code=row[opts.valueField];
var showstring=‘<option value=‘+code+‘>‘+desc1+‘</option> ‘
<!-- $(‘#select1‘).append(showstring);-->
sll(desc1,showstring)
}">


<select ondblclick="this.removeChild(this.options[this.selectedIndex])" multiple id="select1" style="width:300px;height:200px;" >
<option value="测试移除">测试移除</option>

 


//////判断select1的内容,有重复的不添加,,在cc2中引用此函数select(desc1,showstring)

function sll(desc1,showstring){
var sell=document.getElementById(‘select1‘);
if(sell.length==0){ $(‘#select1‘).append(showstring);alert("第一个");}
else{
alert("已有"+sell.length);
var qq="ture"
for(var i=0;i<sell.length;i++){
if(desc1==sell.options[i].text){
qq="false";
alert(desc1+"此选项已选择,不能重复选择");
return;
}
}
if( qq="ture"){
$(‘#select1‘).append(showstring);
}
}
}

easyui-combobox與Select控件联动&&赋值筆記

标签:

原文地址:http://www.cnblogs.com/OP-RONG/p/4193323.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!