<input type="radio" name="b_group" value="2">模板颜色:<select class="easyui-combobox" name="state" style="width:200px;"
data-options="textField: 'text',
formatter: formatItem">
<option value="" selected="selected">==请选择==</option>
<option value="red">red</option>
<option value="green">green</option>
<option value="gray">gray</option>
<option value="yellow">yellow</option>
<option value="blue">blue</option>
<option value="aqua">aqua</option>
<option value="purple">purple</option>
<option value="fuchsia">fuchsia</option>
</select><br/><br/>
<script type="text/javascript">
function formatItem(row){
var s = '<div style="background-color:'+row.text+'";>' + row.text + '</div>';
return s;
}
</script>转自:https://blog.csdn.net/zhengbo0/article/details/10325497
<input class="easyui-combobox" id="approvalOrder" style="width:100px" data-options="
valueField:'id',
textField:'name',
editable:false,
value:'-5',
formatter: function(row){
var opts = $(this).combobox('options');
if(row[opts.textField]=='已提交'){
return '<span style=\'background:#C7C7E2\'>'+row[opts.textField]+'<\/span>';
}else if(row[opts.textField]=='审批中'){
return '<span style=\'background:#00FF7F\'>'+row[opts.textField]+'<\/span>';
}else if(row[opts.textField]=='已退回'){
return '<span style=\'background:#EE6363\'>'+row[opts.textField]+'<\/span>';
}else if(row[opts.textField]=='已归档'){
return '<span style=\'background:#81C0C0\'>'+row[opts.textField]+'<\/span>';
}else if(row[opts.textField]=='全部'){
return '<span style=\'background:#E5E5E5\'>'+row[opts.textField]+'<\/span>';
}
},
data:[
{id:'-1',name:'已提交'},
{id:'-4',name:'审批中'},
{id:'-2',name:'已退回'},
{id:'-3',name:'已归档'},
{id:'-5',name:'全部'}
]
">