easyui combobox text与value设置不同的值

最新推荐文章于 2025-05-18 22:33:01 发布
最新推荐文章于 2025-05-18 22:33:01 发布
阅读量1.4w 收藏 4
点赞数
CC 4.0 BY-SA版权
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chenxiaodan_danny/article/details/37592901
本文详细介绍了easyuicombobox组件的使用方法，包括text与value的设置顺序，以及仅设置value后的行为。通过实例演示了正确设置text与value的重要性，并提供了关键代码片段供参考。

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

easyui combobox，

1.text与value设置不同的值一定要先赋值 value后赋值text, 否则全为value值

2.若只setValue,则getValue 与 getText获取的值全为value值

$('#aa').combobox('setValue',id);//一定要先value后text,否则text与value值会相同全为value值
$('#aa').combobox('setText', name);

var name = $('#aa').combobox('getText');	
var id = $('#aa').combobox('getValue');











                

        

    

    
  



    



                



	

		

			

				
					
Easyui combobox设置值和文本的几种方式和问题

				
			

			

				

					ytangdigl的博客
				

				

					06-22
					
					1万+
					
				

			

		

		

			
				
Easyui combobox设置值和文本的几种方式和问题 
1、在Easyui 帮助文档中，我们可以看到combobox是继承自combo，combo中有两上方法：setText、setValue。2、combobox设置值的方式一：//获取从后台传过来的客户id
var customerId = '${customer.id}';//初始化顾客下拉列表
$("#customerCombobox"

			
		

	



                

            
              



	

		

			

				
					
EasyUI--combobox(下拉列表框)设值

				
			

			

				

					幽灵
				

				

					02-10
					
					3230
					
				

			

		

		

			
				

 EasyUi combobox下拉列表相当于html的select，对应关系valueField-->value;extField-->text。
 1、一个简单的为combobox赋值的例子如下：
   将平台数据提交的页面 //跳转到角色封禁页面
@RequestMapping(value = "/tolist")
public ModelAndView userMe...

			
		

	



              


  
              

                


	

		

			

				
					
EasyUI Combobox设置默认值 获取text的方法

				
			

			

				

					09-01
				

			

		

		

			
				
主要介绍了EasyUI Combobox设置默认值 获取text的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下

			
		

	





	

		

			

				
					
easyui-combobox之setText与setValue先后之分

				
			

			

				

					beiback的博客
				

				

					02-17
					
					730
					
				

			

		

		

			
				
setValue和setText

			
		

	



		

			
		



	

		

			

				
					
给easyui的textbox绑定回车事件

					
最新发布

				
			

			

				

					沐雨橙风ιε的博客
				

				

					05-18
					
					455
					
				

			

		

		

			
				
一开始想着，直接使用js的on或者jquery的keydown方法直接绑定，但是事件不生效。上面的这个代码没看懂，但是像是easyui通过这种方式管理了组件的keydown事件。最后，直接把源代码里的inputEvents属性重新定义，保留原来的blur事件。项目有一个textbox输入框，需要绑定一个回车搜索事件。通过F12查看到输入框已经被绑定了两个keydown事件。经过一番尝试，终于成功绑定了keydown事件。气人的是，还是绑定失败了！

			
		

	





	

		

			

				
					
easyUI设置combobox的值

				
			

			

				

					教官的博客
				

				

					05-10
					
					2807
					
				

			

		

		

			
				
//多选赋值
$(’#operation_type’).combobox(‘setValues’, [‘001’,‘002’]);
//单选赋值
$(’#operation_type’).combobox(‘setValue’, ‘001’);
//多选取值
$(’#operation_type’).combobox(‘getValues’);
//单选取值
$(’#operation_type’...

			
		

	





	

		

			

				
					
easyUI combobox实现联动效果

				
			

			

				

					08-31
				

			

		

		

			
				
 - EasyUI Combobox 需要的数据格式通常是 JSON 数组，每个对象包含 `id`（值字段）和 `text`（文本字段），如果某个选项被选中，还可以包含 `selected: true`。  5. **其他配置**  - `panelHeight` 用于设置下拉...

			
		

	





	

		

			

				
					
EasyUI中combobox默认值注意事项

				
			

			

				

					09-03
				

			

		

		

			
				
在创建`Combobox`时，我们通常需要指定`url`属性来从服务器获取数据，`valueField`和`textField`用来分别指定数据项中与值和文本对应的字段。  例如，HTML部分可能如下：  ```html   <td style="text-align: right;...

			
		

	





	

		

			

				
					
easyui-textbox和easyui-combobox的onchange事件响应实例

				
			

			

				

					08-01
				

			

		

		

			
				
在 EasyUI 中，`onchange` 事件同样适用于 `easyui-textbox` 和 `easyui-combobox`，可以用来监听用户在这些组件上的操作，例如输入或选择值后进行相应的处理。  以下是一个基本的 `onchange` 事件响应实例：  ```...

			
		

	





	

		

			

				
					
easyUI comboGrid设置Value和Text

				
			

			

				

					lzhlovelyl的博客
				

				

					07-17
					
					6163
					
				

			

		

		

			
				
easyUI的comboGrid设置值，不能像textbox一样简单的setValue和setText,查阅官方文档后可以发现如下代码：

$('#cc').combogrid('setValue', '002');
$('#cc').combogrid('setValue', {id:'003',name:'name003'});
由此可知设置值有两种方式，其中第二种就是设置值和text的

			
		

	





	

		

			

				
					
easyui combobox 实时刷新

				
			

			

				

					weixin_33693070的博客
				

				

					05-09
					
					1103
					
				

			

		

		

			
				
使用场景：
A页面以及B页面，A页面有个下拉框，数据是从B页面存在的数据库中获取得到的；现将B页面的数据删除掉，但是在A页面再次点开下拉框时，依旧看到了刚才删除的那条数据；
期望：当B页面已何种方式改变数据库的值时，A页面的下拉框均能实时刷新。
起初不能实现的方法：

1 &lt;td align="right"&gt;分类：&lt;/td&gt;
2                 ...

			
		

	





	

		

			

				
					
ACCESS文本框中的TEXT和VALUE有何区别？

				
			

			

				

					youdm的博客
				

				

					07-26
					
					2230
					
				

			

		

		

			
				
这里写自定义目录标题
ACCESS文本框的VALUE属性和TEXT属性确实容易搞混。两者都是引用文本框里的内容，但是引用的时机有分别。因为引用的时机不同，同样引用文本框里的内容，这两种属性值就会有时相同，有时又不相同。
TEXT属性必须在文本框获得焦点的情况下才能引用，系统会在焦点离开文本框时将最后出现的TEXT值保存为VALUE值，焦点离开文本框后如果引用其TEXT属性就会报错。
VALUE属性则是文本框失去焦点后文本框里的值，或者文本框获得焦点时输入新值前的原有值或者说旧值。
下面例子有助于理解这两个属

			
		

	





	

		

			

				
					
EasyUI Combobox中getValue和getText

				
			

			

				

					weixin_33774615的博客
				

				

					04-12
					
					2530
					
				

			

		

		

			
				
为什么80%的码农都做不了架构师？>>> 
                                        
                ...

			
		

	





	

		

			

				
					
easyui datagrid combobox 选择后显示valueField 而不是 textValue解决方法

				
			

			

				

					897371388
				

				

					11-09
					
					2324
					
				

			

		

		

			
				
前台：easyui，jquery1.3，html
后台：thinkphp，php
最终效果：

这次做项目的时候突然遇到一个非常棘手的问题，好好的使用的easyui的datagrid控件突然出现异常，特别是在对某些单元格进行编辑时并且编辑是使用combobox控件，此时会出现异常情况，选择过选项后本来该出现的是textValue的值，结果却总是出现valueField的值。查阅资料的过程中...

			
		

	





	

		

			

				
					
Easyui-datagrid的column的type是combobox时，对valueField,textField,及formatter函数return值的理解

				
			

			

				

					studying0419的博客
				

				

					02-24
					
					6495
					
				

			

		

		

			
				
详见下图：
1.该column默认显示的是value值，如果有return函数，则显示return值。

2.并且valueField必须是唯一，否则textField不能显示。

			
		

	





	

		

			

				
					
解决easyui combobox赋值boolean类型的值时，经常出现的内容显示的value而不是text的bug...

				
			

			

				

					weixin_34212762的博客
				

				

					01-04
					
					331
					
				

			

		

		

			
				
版本：EasyUI 1.7.0
在用easyui写项目时，碰到一个combobox的奇葩bug。代码如下：
&lt;div&gt;
    &lt;select class="easyui-combobox" id="edit_sex" name="sex" data-options="label:'性别:', width:300, required:true"&gt;
        &

			
		

	





	

		

			

				
					
EasyUI   easyui-combobox 值改变操作

				
			

			

				

					weixin_42193405的博客
				

				

					05-09
					
					2950
					
				

			

		

		

			
				
最近在优化公司的项目, 项目的框架使用的是EasyUI 为了写一个多选下拉框,让我和一个前端的小伙子费劲脑汁.最终选择先搁置这个功能.

  先来谈一谈EasyUI的这个框架吧, 因为公司内部的管理系统是非常老的框架. 当时的技术easyUI是一个感觉还不错的框架. 现在的前端框架的增多,会更加便捷.



  在easyUI中 我们如果使用了easyui-combob...

			
		

	





	

		

			

				
					
easyui combobox 设置tooltip 无效

				
			

			

				

					11-06
				

			

		

		

			
				
EasyUI的ComboBox组件默认并不直接支持设置全局的Tooltip提示，因为Tooltip通常是单独的控件，而不是直接集成到特定组件中的。然而，你可以通过自定义CSS或者JavaScript来实现这个功能。

如果你想在选中项上添加Tooltip提示，可以尝试这样做：

1. 首先，在CSS中为 ComboBox 的选中项添加一个类名，例如 `.easyui-combobox-item-selected`：

```css
.easyui-combobox-item-selected {
  position: relative;
}

.easyui-combobox-item-selected::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
```

2. 然后，当你需要显示Tooltip时，可以在选择项的数据属性 `data-tooltip` 中存储你要展示的信息，并在用户交互时动态改变该元素的 `opacity` 属性使其显示：

```javascript
$(function() {
  $('#yourComboBox').combobox({
    onSelect: function(value) {
      var tooltip = $(this).find('.easyui-combobox-item-selected').attr('data-tooltip');
      if (tooltip) {
        $('.easyui-combobox-item-selected::after').text(tooltip).stop().fadeIn();
      } else {
        $('.easyui-combobox-item-selected::after').fadeOut();
      }
    },
    onChange: function(value) {
      // 清除上一次选择的Tooltip
      $('.easyui-combobox-item-selected::after').fadeOut();
    }
  });
});
```

这样，当用户选择不同的选项时，对应的Tooltip就会显示出来。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值