easyui combobox下拉框中显示大于号小于号的问题

概述前两天同事做了个功能，通过勾选下拉框里的值进行列表查询，结果下拉框里的值是“0<t<=2”、“2<t<=5”、“t>5”这样的。 combobox是用脚本渲染出来的，里面的data的格式就如这样： [{ID:"01",TEXT:"0<t<=2"},{ID:"02",TEXT:"2<t<=5"},{ID:"03",TEXT:"t>5"}] 结果<小于号被识别成了html的标签，这样就导致了下拉框里显

前两天同事做了个功能，通过勾选下拉框里的值进行列表查询，结果下拉框里的值是“0<t<=2”、“2<t<=5”、“t>5”这样的。

comboBox是用脚本渲染出来的，里面的data的格式就如这样：

[{ID:"01",TEXT:"0<t<=2"},{ID:"02",TEXT:"2<t<=5"},{ID:"03",TEXT:"t>5"}]

结果<小于号被识别成了HTML的标签，这样就导致了下拉框里显示的值都是不正常的，这里我尝试了两种解决办法：

方法一（前台还有点问题）：

我从后台取到数据之后，用Java代码进行遍历，把其中的<使用String里面的replace方法换成“&lt;”，把其中的>换成了“&gt;”

经过这一番处理之后，我发现点击下拉按钮之后里面的内容可以正常显示了，但是当我选中其中一个之后发现内容框里面的值居然成了“0&lt;t&lt;=2”、“2&lt;t&lt;=5”、“t&gt;5”，

这个我就没有继续再往后研究了，改用了方法二，有兴趣的可以继续沿着这条路走下去

方法二：

这次直接换到前台来处理，发现简单了很多，直接在前台用replace方法把<换成“&lt;”，把其中的>换成了“&gt;”，语法也很简单，只需要在渲染comboBox的时候添加个formatter方法

具体代码如下：

formatter:function (row) {       var text = row.TEXT;       if (text.indexOf("<")){             text = text.replace("<","&lt;");       } else if (text.indexOf(">")) {             text = text.replace(">","&gt;");       }       var s = ‘<span >‘ + text + ‘</span><br/>‘       return s;}

总结

以上是内存溢出为你收集整理的easyui combobox下拉框中显示大于号小于号的问题全部内容，希望文章能够帮你解决easyui combobox下拉框中显示大于号小于号的问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。