JQuery-easyui实现combobox

为你画地为牢 发布于 2017/01/18 12:11
阅读 432
收藏 0

JSP代码如下:

 <div style="margin-bottom:10px" >
      <input name="name" id="name" class="easyui-combobox" required="true" label="姓名:" style="width:80%"
               data-options="valueField:'name',textField:'name',
                url:'<%=basePath%>/user/selectAlluser.do'" />
     </div>
     <div style="margin-bottom:10px" >
        <input id="sex" name="sex " type="text" class="easyui-textbox"  label="性别:" style="width:80%" />
     </div>
     <div style="margin-bottom:10px" >
        <input id="age" name="age" type="text" class="easyui-textbox"  label="年龄:" style="width:80%" />
     </div>
在选择下拉框姓名后,相对应的性别、年龄也传到input里面,请问该如何实现!!求大神指教!!

加载中
0
t
tec_小白
给Combobox绑定相应的操作事件,触发事件的时候给性别和年龄赋值
0
ChronosLiu
ChronosLiu

combobox控件的onChange() 或者 onSelect()事件中,获取选择的name,根据name去查询性别和年龄,然后将年龄和性别赋值给相关控件。

var name = $('#name').combobox('getValue');//获取name
//通过ajax等方法,根据name获取sex和age。
$('#sex').textbox('setValue',sex);   //设置性别
$('#age').textbox('setValue',age);    //设置年龄



ChronosLiu
ChronosLiu
回复 @tec_小白 : 赞!
t
tec_小白
用name去查有可能有重名的可能 把combobox的valueField字段设置为id 唯一字段 跟据该字段获取sex和age
返回顶部
顶部