您的位置:首页 > Web前端 > HTML

格式化选项带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中的标签
}
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息