easyui 获得ComboBox选中项的值 getValue

最新推荐文章于 2019-11-04 18:40:33 发布
原创 最新推荐文章于 2019-11-04 18:40:33 发布 · 4.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用EasyUI库中的Combobox组件获取当前选中项的值。虽然此方法未在官方文档中明确说明，但在示例中可以找到。文中提供了一个具体的例子链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

$('#state').combobox('getValue') 使用这种方式可以获得选中项的值,但是在easyUI的官方文档中却没有这个方法.

在easyui的例子中有这个方法.例子如下:

http://www.jeasyui.com/demo/main/index.php?plugin=ComboBox&theme=default&dir=ltr&pitem=

passer199101
关注
easyui 重写combobox选中事件,使其支持Ctrl,Shift按键多选
vanity_chang的博客
05-29 999
使用过easyui框架的同学,对combobox肯定不陌生,它应该是select标签的加强版,有着禁用,只读,动态加载,格式化列等实用的功能. 在使用时,需要多选将multiple属性改为true就可以,单选则改为false.很方便. 任何事物都有它的两面性,有方便的地方,肯定也会有不怎么方便的地方. 例如现在我就遇到了这个问题, 当单选需求大于多选需求,而多选有必须要有的时候,默认的多选会给单选造成不友好的体验;比如说选省分的时候默认选中的是北京,我要改为上海,直接点击上海肯定是不行的,北京还在,那
Easyui-combobox的‘getValue’，‘getText’两者区别
ai_feng123的博客
03-08 7792
Easyui-combobox的‘getValue’，‘getText’两者区别 <td>Status:<input class="easyui-combobox" name="SStatus" id="SStatus" style="width: 120px; height: 25px; " data-options="valueField: 'label', ...
【easyui】--combobox--赋值和获取选中的值
admin87012的博客
06-04 982
//初始化下拉选框 $('#communityIdDiv').combobox({ url:basepath+"pushController/queryCommonityName", valueField:'col_ID', textField:'col_Name', panelHeig...
【jQuery easyUI】jQuery 获取easyUI combobox选中的值
别样的风采是我
08-01 7512
1.获取valueField的值： $('#comboboxlist').combobox('getValue'); 2.获得textField的值： $('#comboboxlist').combotree('getText'); $('#comboboxlist').combobox('getText');
EasyUI comboBox获取分组选中项的值
cillent_boy的专栏
06-27 1727
combox设置如下： <select id="ItemList" name="ItemList" style="width: 300px; height: 24px; border: 1px solid #bfbfbf; background: #fff; margin-left: 5px;" class="easyui-combobox easyui-validatebox" pro...
easyui 获取不到combobox中已选取的value值
qq_24687915的博客
11-04 2072
$('#form').form('load',{ question_title:basicData.questionTitle, question_content:basicData.questionContent, question_type：basicData.questionCoentent, }); 用的是form里的load方法，其中question_...
EasyUI Combobox设置默认值 获取text的方法
09-01
本文将详细介绍如何在EasyUI Combobox中设置默认值以及如何获取选中项的text。 首先，我们来看如何设置Combobox的默认值。在EasyUI中，可以通过`setValue`方法来设定Combobox的初始值。例如，如果我们要将 Combobox...
easyui-textbox和easyui-combobox的onchange事件响应实例
08-01
`easyui-combobox` 则是一个下拉选择框组件，允许用户从预定义的选项列表中选择一项。这两个组件在网页表单中非常常见，可以用于收集用户的输入数据。 `onchange` 事件是 JavaScript 中的一个重要事件，它会在元素...
获取easyui-combobox value值
相由心生-心随相改~
06-12 2万+
背景： 其实这是个常用的不能再常用的小功能。但当初自己也废了不少劲。现在发现有些人对这块还比较模糊，实现不了。所以在巩固知识的同时分享给大家。 功能描述： 点击学院的combox，选择学院。然后根据学院ID查出该学院对应的课程。并加载到课程的combox中。 难点： 获取combox的文本值，不难。我做的时候遇到的问题就是获取不到学院ID。从valueFiled中得到的也总是学院名称。 实现： 我们在使用easyui-combobox时，一般会在textFiel
easyui combox 取值问题
liuweidong1的博客
03-28 521
var ids= $("#id").combobox("getValues");//获取一个或者多个值
EasyUI的combobox使用总结
热门推荐
lkforce
01-30 3万+
一，combobox的属性，事件和方法 combobox可以配置属性，绑定事件监听，调用方法，理解这几个概念之后会对combobox有更清晰的了解。 1，配置属性 combobox可以配置自己的属性，他的属性可以定义在&lt;input&gt;或&lt;select&gt;标签的data-options参数中，比如： &lt;select id="type" name="type" cl...
Easyui CheckBox 复选框获取选中的值
qq_39064836的博客
08-01 1万+
Easyui CheckBox 复选框获取选中的值 传统的复选框在选中后，会在 input 框 中添加 checked 属性，可以根据 $(“id”).attr(“checked”) 来获取选中的值，但在easyui 中 的复选框 是一个span 标签，它是利用css来控制的。所以想要获取easyui 中 复选框选中的值，必须要用新的方法，代码如下。 html <div id="check...
easyui -- combobox 的选值问题
whan的博客
07-31 867
今天在做下拉框问题的时候碰到选择的值和显示的值的问题，本来想自己看文档来着，后来想想，太费劲了，还找不到，就直接百度了。 $('#combobox').combobox('getText');  所有选中的现在的值 $('#combobox').combobox('getValue'); 获取选中值的value属性。 $('#combobox').combobox('getValues');...
easyui combobox中增加获取选定option对象
chengyu4856的博客
12-02 1301
需求场景 在使用自定义combobox时，有时候需要获取自定义部分的内容，例如官网中自定义combobox的例子，该例子中每个option对象中有一个desc属性，如果我们需要获取这个属性，官网的目前的api中没发现有这样的方法，故自己实现一个。 实现源码 /** * 获取选中的option...
easyui combobox getValue和getText
背着梦的幸存者
05-12 3240
html <input class="easyui-combobox" id="jbqx" name="jbqx" data-options="required:true" style="width:10%;"/> js $("#jbqx").combobox({ onChange: function () { var item = $("#jbqx")...
easyui-combobox 取值问题
光华小丸子
01-05 8209
最近在项目中使用了jquery-easyui， 其中使用下拉列表时，用到了一个叫“easy-combobox”的class ，在取值的时候，取不到正确的值，下面来看一下。 例子： //不能使用     $('#aa').val(); //正确应该使用    //通过id取值 $('#aa').combobox('getValue');    //通过id取显示的nam
easyui combobox <select> 清空之后保存
wuhc_javaweb的博客
01-11 1003
一、首先要知道combobox的一些方法和其他相关的东西 Combobox用法和方法参数: 1、 需要引入class=" easyui-combobox” 2、 参数设置需要在data-options中设置 3、 属性参数配置： valueField：基础数据值名称绑定到Combobox(提交值) textField：基础数据的字段名称绑定的Combobox（显
jquery 获取easyui combobox选中的值
weixin_43887789的博客
05-16 6322
获取多个值 var total=$('#total').combobox('getValues'); 获取单个值 var total=$('#total').combobox('getValue');
easyui-combobox使用
最新发布
04-02
### 如何使用 EasyUI Combobox 组件 #### 设置不可编辑的 Combobox 通过设置 `editable` 属性为 `false`，可以实现组合框无法手动输入的功能。可以通过 HTML 的属性定义或者 JavaScript 初始化来完成此操作。 HTML 定义方式如下所示： ```html <select class="easyui-combobox" data-options="width:400, editable:false"> <option>苹果</option> <option>葡萄</option> </select> ``` JavaScript 动态初始化方式如下所示： ```javascript $('.easyui-combobox').combobox({ editable: false }); ``` 以上两种方法都可以使组合框变为只读模式[^1]。 #### 获取 Combobox 值的方法 EasyUI 提供了多种获取 Combobox 中选定值的方式。主要分为两类：`getValue()` 和 `getText()` 方法。具体的选择取决于开发者在 `data-options` 中对组件的具体配置需求[^2]。 - 使用 `getValue()` 可以返回当前选中项对应的值字段。 - 使用 `getText()` 则会返回显示给用户的文本字段。 示例代码如下： ```javascript var selectedValue = $('#myComboBox').combobox('getValue'); // 返回值字段 var selectedText = $('#myComboBox').combobox('getText'); // 返回文本字段 ``` #### 加载 JSON 数据到 Combobox 为了动态加载远程数据源的内容至 Combobox，可以利用 URL 参数指定数据接口地址，并分别指明用于存储值和文本的字段名。 以下是官方文档推荐的一个实例： ```javascript $('#cc').combobox({ url: 'combobox_data.json', valueField: 'id', // 对应于 JSON 数据中的键名作为实际值 textField: 'text' // 显示给用户的文本部分对应的数据键名 }); ``` 该片段展示了如何从服务器端请求 JSON 格式的选项列表并绑定到控件上[^3]。 #### 实现全模糊查询功能 默认情况下，EasyUI 的 Combobox 支持的是右侧模糊匹配机制，即只有当用户输入字符串位于目标条目末端附近时才会被筛选出来；然而，在某些场景下可能需要更灵活的查找逻辑——比如允许任何位置上的子串匹配（即所谓的“全模糊”）。针对这一需求，网络上有两种主流解决方案可供参考[^4]： 一种思路是对原生过滤算法进行扩展定制化处理； 另一种则是借助第三方插件库增强原有特性集。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值