easyui combobox下拉选择框

html

<input class="search_text easyui-combobox"  id="search_plate"   editable="true"/>

javascript

var categoryList = [
    {
           id:'1',
	       value:'选项一'
     },
     {
           id:'2',
	       value:'选项二'
     },
]

$("#search_category").combobox({
		valueField : 'id',        //获取的值
		textField : 'value',    //显示的值
		data:categoryList,         //下拉选择选项
		onLoadSuccess: function () {         //初始化成功后触发
	      if(categoryList.length > 0) {
	               // 设置选中项
	           $("#search_category").combobox('select', categoryList[0].id);
	             }
	    } ,
	    onSelect:function(select){         //变更选择后触发
	    	category = select.name; 
	        changeCombox(category);
	    }
	   
	});

//获取选中项 (注意这里获取的是valueField值)
easyui方法
$("#search_plate").combobox('getValue');                    
或者jquery方法
$("#search_plate").val()                     

//设置选中项  (只能使用easyui方法)
$("#search_plate").combobox('setValue',2);                
                            
发布了88 篇原创文章 · 获赞 13 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/yiyueqinghui/article/details/102861257