easyui中combobox设置默认选中项的方法

最新推荐文章于 2022-07-25 09:50:00 发布
原创 最新推荐文章于 2022-07-25 09:50:00 发布 · 1.1w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用EasyUI库中的Combobox组件进行初始化设置，并演示了两种不同的实现方式：通过data-options属性直接定义选项及使用<select>标签配合<option>定义下拉选项。此外，还展示了如何通过jQuery选择器获取已选中的值。
部署运行你感兴趣的模型镜像

 

<input class="easyui-combobox" name="IS_SPEC_TEST" id="IS_SPEC_TEST"    data-options="valueField: 'value',textField: 'label',data: [{label: 'NA',  value: 'NA'}, {label: 'Y', value: 'Y'}]" />

或者

<select id="IS_SPEC_TEST" class="easyui-combobox" data-options="editable:false">
                                <option value="NA">NA</option>
                                <option value="Y">Y</option>
                                <option value="N">N</option>
                            </select>



$('#com_MET_Type').combobox('select', 'Y');

其中2为value的值


获取下拉选中的值

$('#IS_SPEC_TEST').combobox('getValue');

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

easyui 重写combobox选中事件,使其支持Ctrl,Shift按键多选
vanity_chang的博客
05-29 1024
使用过easyui框架的同学,对combobox肯定不陌生,它应该是select标签的加强版,有着禁用,只读,动态加载,格式化列等实用的功能. 在使用时,需要多选将multiple属性改为true就可以,单选则改为false.很方便. 任何事物都有它的两面性,有方便的地方,肯定也会有不怎么方便的地方. 例如现在我就遇到了这个问题, 当单选需求大于多选需求,而多选有必须要有的时候,默认的多选会给单选造成不友好的体验;比如说选省分的时候默认选中的是北京,我要改为上海,直接点击上海肯定是不行的,北京还在,那
combobox设置默认选项
08-14
ZK中combobox的设置，combobox默认选项的设置，
jquery easyui combobox设置默认选中项
醒着做梦的专栏
03-22 2万+
var data = $('#staffName').combobox('getData');//获取所有下拉框数据 if (data.length > 0) { $('#staffName').combobox('select',data[0].id);  } //实际情况是编辑的时候要重新带入添加时选中的选项 //首先在页面用隐藏域获取需要选中值，split分割后直接 //
easyui combobox 选中某个默认值
周振伟的博客
09-21 1万+
今天在做更新的时候，被如何让下拉框回显选中默认值问题困扰了一下，所以在网上搜罗了一些方法，最后尝试成功，记录一下。 下拉框初始化有几种方式：1.用js初始化                                                    2.用标签初始化 两者大同小异，只是写代码的位置不同而已。 今天记录的重点是，选中默认值要用到onLoadSuccess方法，举个栗
easyui combobox 赋值，取值，默认选中。
热门推荐
world_the_begin的博客
09-28 5万+
//赋值（多选下拉框选中） $('#tvType').combobox('setValues',值.split(',')); //多选下拉框选中 <input class="easyui-combobox" style="width: 137px" ...
easyui的combobox默认选中第一个选项
reg183的专栏
07-25 3081
vardata=pmProjectSelect.combobox(‘getData’);//获取所有下拉框数据。//如果有数据的话默认选中第一条数据。//combobox默认选中第一个。
EasyUI Combobox设置默认值 获取text的方法
01-19
$('#xxx').combobox('setValue',11); $('#epsId_combo').combobox('selectedIndex',0); ...select id='xxx' class=easyui-combobox style=width: 180px;> 第一个 第二个 第三个 </select>
EasyUI中combobox默认值注意事项
09-03
`setValue`方法用于设置选中的值，而`belongsvalue`隐藏输入字段的值是从后台获取的，假设它是一个`int`类型的值。 **注意事项：** 1. **数据类型匹配**：如描述中提到的，从后台传来的数据应该是`int`类型，这...
在easyui-combobox多选模式下加入选择所有选项
04-18
上述代码中，`get_combobox`方法用于获取Combobox的原始HTML select元素，然后找到所有的option并设置其`selected`属性为`selected`，表示这些选项被选中。最后，调用`reload`方法刷新Combobox，使其界面与数据同步...
easyui combobox设置选中
zjsqfq的专栏
05-29 5万+
<select id='xxx' class="easyui-combobox" style="width: 180px;" data-options="panelHeight:'auto',editable : false, valueField: 'EPS_ID', textField: 'EPS_NAME', url:'$
easyui中combobox的下拉框设置默认选中
裤兜的博客
07-02 4271
官方文档提供的方法是直接把combobox的select方法设为要选中的值就可以了，如下： $('#cc').combobox('select', '1'); 可是尝试过后，并没有把下拉选项中value为“1”的选项选中，尝试很久之后，需要用combobox官方文档没有提供的方法，直接设置value就可以默认选中一个选项了，代码如下： $('#cc').combobox('value', '1'); ps:value的值必须是字符串，数值型无效 ...
EasyUI combobox（多选下拉框）加载时设置默认值（设置默认选中值、设置默认选中前几项）
旭东怪的博客
12-29 6580
1 多选下拉框加载时设置默认选中值 unction BindMultiListCode(objId,comboxData,values){ $('#' + objId).combobox({ data: comboxData, valueField: 'Code', textField: 'CodeName', panelHeight: 'auto', editable: false, showbla
easyui的combobox设置下拉框默认选中某一项
12程序猿的博客
07-23 3900
JSP页面：可以这样写，提供option的选项, <input class="easyui-combobox" name="customerStatus" id="customerStatusList" data-options="valueField: 'value',textField: 'label', data: [{label: '未审核', value: '1'}, {label: '审核中', value: '2'}]" ,
easyui combobox默认选中项
weixin_34216196的博客
12-24 145
今天写前端代码发现combobox还挺难搞， $("#select_Dic").combobox({                        url: "http://www.cnblogs.com/Ajax/sys/WebServiceBase.ashx?Method=GetRefItems", //获取所有私有域                        valueField: "...
easyui-combobox 加载完数据后默认选择其中项
yangfan5314的专栏
08-10 2243
zgswfjData.json[ { "id":0, "value":"请选择", "text":"请选择", "selected":true },{ "id":1, "value":"一分局", "text":"一分局" },{ "id":2, "value":"二分局", "text":"二分局" },{
combobox自动选中默认的选项
zifengye520的专栏
07-08 7951
easyuicombobox下拉框，自动选中原来默认选中的选项。。。$(document).ready(function() { $('#magazCategoryId').combobox({ url: '', valueField: 'id', textField: 'name', panelHeigh
为easyui combobox设置默认选项
mochizuki的专栏
10-21 4282
前面解决了给easyui combobox增加默认选项的问题，现在又想到了如何从已经加载的数据中选一项作为默认值呢？     到网上搜索了一下，方法是设置onLoadSuccess函数，其代码如下： onLoadSuccess: function () { var data = $('#type').combobox('getData'); if (data.
004--easyui的combobox设置下拉框默认选中某一项
Code_小生的博客
10-30 2万+
JSP页面：可以这样写，提供option的选项,<input class="easyui-combobox" name="customerStatus" id="customerStatusList" data-options="valueField: 'value',textField: 'label', data: [{label: '未审核', value: '1
easyui中combobox默认全选问题
willsunforitcast的博客
03-12 1168
       今天遇到easyui中combobox初始加载时，默认都全选的问题。绑定的数据是： [{ "id":"22", "text":"22", },{ "id":"33", "text":"33", }]        原来绑定的数据中id如果与text相同，就会出现选中现象。估计是easyui中的实现中将他们的i
easyui的combobox默认选择第一行
最新发布
05-19
### EasyUI Combobox 设置默认选中第一项 为了实现 `easyui combobox` 组件默认选中第一项的功能，可以通过 JavaScript 获取下拉框的数据并手动设置选中的值。以下是具体的实现方式： #### 方法描述 通过调用 `$('#comboboxId').combobox('getData')` 方法可以获取当前组合框的所有数据[^4]。如果返回的数据长度大于零，则可以直接选取数组的第一个对象作为默认选中项，并使用 `$('#comboboxId').combobox('select', data[0].id)` 来完成设置。 #### HTML 结构示例 ```html <input id="rzcode" name="bindUserId" style="width: 100%;" label="名称：" class="easyui-combobox" data-options=""/> ``` #### JavaScript 实现代码 ```javascript $(function() { var rzcodeCombobox = $('#rzcode'); // 初始化 combobox 数据源（假设这里是从服务器加载） rzcodeCombobox.combobox({ url: 'your-data-url.json', // 替换为实际数据接口地址 valueField: 'id', textField: 'text' }); // 加载完成后执行逻辑 rzcodeCombobox.combobox('loadData'); setTimeout(function () { var data = rzcodeCombobox.combobox('getData'); // 获取所有下拉框数据 if (data.length > 0) { rzcodeCombobox.combobox('select', data[0].id); // 默认选中第一项 } }, 0); }); ``` 以上代码片段展示了如何初始化一个 `easyui combobox` 并在其加载完毕后自动选择第一条记录作为默认值。注意这里的 `setTimeout` 是为了避免因异步加载而导致无法及时获取数据的情况。 #### 关键点说明 - **`getData()`**: 此函数用于检索当前绑定至该控件的所有可用选项列表。 - **`select(value)`**: 将指定的值设为当前选定状态下的显示内容。 此方法适用于静态以及动态加载数据场景，在确保数据已成功加载后再尝试访问其内部结构是非常重要的。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值