zl程序教程

您现在的位置是:首页 >  前端

当前栏目

easyui的combobox设置下拉框默认选中某一项

EasyUI 设置 默认 选中 下拉框 一项 combobox
2023-09-11 14:20:19 时间

JSP页面:可以这样写,提供option的选项,

<input class="easyui-combobox" name="customerStatus" id="customerStatusList"    
  data-options="valueField: 'value',textField: 'label',
        data: [{label: '未审核',  value: '1'}, 
               {label: '审核中', value: '2'}]" ,
               {label: '审核成功', value: '3'}]",
               {label: '审核失败', value: '4'}]"/>

或者

<select id="customerStatusList" class="easyui-combobox" data-options="editable:false">
          <option value="1">未审核</option>
          <option value="2">审核中</option>
          <option value="3">审核成功</option>
          <option value="4">审核失败</option>
</select>

在js代码中直接这样写,就可以默认设置:

$('#customerStatusList').combobox('select', '1');

其中1为value的值
补充:2017-11-17 周五:
用另外一种写法,也是可以实现的:

$("#customerStatusList").combobox("setValue",1);

普通 select 设置下拉框默认选中某一项:

<select  id="userType1">
     <option value="1">系统管理员</option>
     <option value="2">普通管理员</option>
</select>
$("#userType1").val("1");// 设置 value="1" 项选中