easyUI(六) -- combobox实现下拉框及其值的获取

combobox 是 easyui 封装的方法 , 通过他我们可以很简便的实现下拉框功能 . 下面我们用代码演示一下:

$("#getUserid").combobox({          
//后台返回的 json 数据方法地址          url:'${pageContext.request.contextPath}/user/queryalluser',
valueField:'userid',//相当于option的value值
textField:'username',//相当于之间的显示值 value:1000    //默认显示值

});

JSP 页面

<input id="getUserid" style="line-height: 20px; border: 1px solid #ccc"> 

这个 input 框会被 combobox 改变为 select 下拉框

要注意 , 因为easyui 封装了 jquery , 所以这个方法要放在 $(function(){}) 中
读取 combobox 中选中的属性

var userid = $('#getUserid').combobox('getValue');

这样直接获取的就是选中的下拉框属性 , 不用做其他操作