格式化选项带html标签的combobox
2016-06-29 16:10
399 查看
很多时候为了有区分,我们在做combobox的数据时会给某些选项加上点html标签,使其在页面显示的时候和别的选项有区分度,这个实现很简单,在对应key的value值里面加上标签就好,比如说我要加红色标记,那就在data里这样写{'key':'1','value':'<span style=color:red;>XXXX</span>'},好,这样做完后下拉时可以有红色标记效果,不过,当你选择它的时候或初始化给他赋值刚好是哪个有标示,这时问题就来了。combobox显示的value包含了你之前所写的样式字符串,这就很尴尬了。这时我们要处理一下这种难看的情况了。
下面是我写的一个小方法以用来处理上述所说的情况:
下面是我写的一个小方法以用来处理上述所说的情况:
function initBenefitType(id){ $('#'+id).combobox({ onSelect:function(record){ $('#'+id).combobox('setText',record.textfield.replace(/<.*?>/ig,""));//去除text中的标签 }, onLoadSuccess: function(data){ var str = $('#'+id).combobox('getText'); $('#'+id).combobox('setText',str.replace(/<.*?>/ig,""));//去除text中的标签 } }); }
相关文章推荐
- C#实现绑定Combobox的方法
- ComboBox 和 DateField 在IE下消失的解决方法
- MFC之ComboBox控件用法实例教程
- WinForm实现为ComboBox绑定数据源并提供下拉提示功能
- C# ComboBox的联动操作(三层架构)
- Extjs4.0 ComboBox如何实现三级联动
- C# listview添加combobox到单元格的实现代码
- C#(WinForm) ComboBox和ListBox添加项及设置默认选择项
- VC++的combobox控件用法汇总
- C#实现ComboBox控件显示出多个数据源属性的方法
- winform中的ListBox和ComboBox绑定数据用法实例
- 如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
- 在IE8上JS实现combobox支持拼音检索功能
- Easyui的combobox实现动态数据级联效果
- Easyui form combobox省市区三级联动
- Extjs4.0 ComboBox如何实现三级联动
- combobox的使用 wpf
- winform 设置 combobox.text 无法显示问题
- EXTJS combo 二级联动求助
- eaysui input textbox combobox 等 获取焦点