<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont-阿里云开发者社区

开发者社区> 开发与运维> 正文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont

简介: EasyUI版本:jQuery EasyUI 1.4.1 Chrome浏览器版本:41.0.2272.101 m 问题描述 在Chrome浏览器下,下拉框选择选项之后,选择的值在下拉框中不显示,重新选择,下拉框...

EasyUI版本:jQuery EasyUI 1.4.1
Chrome浏览器版本:41.0.2272.101 m

问题描述

在Chrome浏览器下,下拉框选择选项之后,选择的值在下拉框中不显示,重新选择,下拉框的值也能自动反选,说明是已经选中了
这里写图片描述

而在IE8浏览器下正常

问题分析

EasyUI是基于jQuery的,兼容性应该杠杠的,于是使用Chrome访问官方网站的示例,结果发现官网示例可以正常显示
于是,使用Chrome的调试工具,详细分析了下html代码
这里写图片描述
发现html不是特别规范,option的显示内容多了一些空格和换行,这应该就是不兼容问题的根本原因了

解决办法

找到了问题的原因,于是删掉多余的空格和换行,重新在Chrome浏览器下测试,结果ok

问题总结

问题的根本原因不是EasyUI,而是因为代码不规范导致。页面是JSP开发的,代码如下:
这里写图片描述
看起来貌似没什么问题,但是实际上生成的html是不规范的
修改后的代码如下:
这里写图片描述

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章