IE、360浏览器select属性onchange遇到的坑

在网页头部定义js代码

<script type="text/javascript">

 function gradeChange(e){

            var selectId = document.getElementById("selectId");

            var index = selectId.selectedIndex;

            var value = selectId.options[index].value;

            var id = selectId.options[index].id;

            document.getElementById(id).setAttribute('disabled','disabled');

            var ul = document.getElementById("ul");

            var li = document.createElement("li");

            li.setAttribute('id','li_'+id);

            li.setAttribute('onclick','del('+id+')');

            var span = document.createElement("span");

            span.innerHTML =value+'×';

            li.appendChild(span);

            ul.appendChild(li);

            selectId[].selected = true;

            var hide = document.getElementById("hotTagName");

            if(hide.value=='' || hide.value=="null"){

                hide.setAttribute('value',value);

            }else{

                hide.setAttribute('value',hide.value+','+value);

            }

        }

 </script>

<body> 
 <select style="float:left;" id="selectId"  onchange="javascript:gradeChange(this);">

                <option value="">--热点标签--</option>

                <logic:notEmpty name="tagList">

                    <logic:iterate id="tag" name="tagList" indexId="i">

                    <option  id="id_${i}" value ="${tag.name}">${tag.name}</option>

                    </logic:iterate>

                </logic:notEmpty>

               </select>
<body>

IE、360报错gradeChange方法未定义，不兼容问题谷歌、火狐正常。

经过考虑之后把代码定义在 <BODY>里，打开页面默认加载js方法

全部兼容了

<body>
<select style="float:left;" id="selectId"  onchange="javascript:gradeChange(this);">

                <option value="">--热点标签--</option>

                <logic:notEmpty name="tagList">

                    <logic:iterate id="tag" name="tagList" indexId="i">

                    <option  id="id_${i}" value ="${tag.name}">${tag.name}</option>

                    </logic:iterate>

                </logic:notEmpty>

               </select>
<script>

 function gradeChange(e){

            var selectId = document.getElementById("selectId");

            var index = selectId.selectedIndex;

            var value = selectId.options[index].value;

            var id = selectId.options[index].id;

            document.getElementById(id).setAttribute('disabled','disabled');

            var ul = document.getElementById("ul");

            var li = document.createElement("li");

            li.setAttribute('id','li_'+id);

            li.setAttribute('onclick','del('+id+')');

            var span = document.createElement("span");

            span.innerHTML =value+'×';

            li.appendChild(span);

            ul.appendChild(li);

            selectId[].selected = true;

            var hide = document.getElementById("hotTagName");

            if(hide.value=='' || hide.value=="null"){

                hide.setAttribute('value',","+value);

            }else{

                hide.setAttribute('value',hide.value+','+value);

            }

        }

 </script>
</body>

IE、360浏览器select属性onchange遇到的坑的更多相关文章

兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览
html代码: <div id="divPreview"> <img id="imgHeadPhoto" src="Images/H ...
浏览器私有属性&内核
-moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome.safari私有属性 IE使用的是Trident内核,Firefox 使用的是Gecko内核.目 ...
css解决谷歌，360浏览器默认最小字体为12px问题
当我们设置前台html页面样式问题字体小于12px;时,会发现不管怎么设置小于12px字体,在谷歌.360浏览器上都不生效. 但在火狐等浏览器上却可以正常设置,当你打开谷歌360的设置后会发现,它们设 ...
select的onChange事件问题解决
一.onChange事件只有在值改变时才可触发,所以必须在每一次选择时(尤其第一次)保证选择的值是改变的! 所以<select name="inv_payee" id=&qu ...
Html中DIV成为超级链接，解决在360浏览器+IE9显示小手图标的兼容性！
Html中DIV成为超级链接,解决在360浏览器+IE9显示小手图标的兼容性! <div style="cursor:pointer;" onclick="sele ...
chrome浏览器360浏览器图片无法加载提示等待可用套接字问题
前端时间遇到chrome,360浏览器无法加载图片问题,提示等待可用的套接字后来发现原因,原来是使用html5<video>标签时使用了默认的配置,默认情况下<video>标 ...
如何使用python来模拟鼠标点击（将通过实例自动化模拟在360浏览器中自动搜索"python"）
一.准备工作: 安装pywin32,后面开发需要pywin32的支持,否则无法完成与windows层面相关的操作. pywin32的具体安装及注意事项: 1.整体开发环境: 基于windows7操作系 ...
HTML：meta标签使用总结 [转载] [360浏览器指定极速模式]
meta标签作用 META标签是HTML标记HEAD区的一个关键标签,提供文档字符集.使用语言.作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO). PS:便于搜 ...
360浏览器最小字号12的坑 -彻底搞清rem
之前做响应式网站,使用rem作为单位.因为浏览器的默认字号是16px,设置html {font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/},刚好1rem =10p ...

随机推荐

17.翻译系列：将Fluent API的配置迁移到单独的类中【EF 6 Code-First系列】
原文链接:https://www.entityframeworktutorial.net/code-first/move-configurations-to-seperate-class-in-cod ...
nginx伪静态配置教程总结
在nginx中配置伪静态,也就是常说的url重写功能,只需在nginx.conf配置文件中写入重写规则即可. 当然,这个规则是需要熟悉正则表达式,只掌握nginx自身的正则匹配模式即可,对正则不了解的 ...
Linux: Linux C 获取当前系统时间的时间戳(精确到秒、毫秒、微秒) gettimeofday
说明获取当前的时间的秒数和微秒数本方法需要用到 gettimeofday() 函数,该函数需要引入的头文件是 <sys/time.h> . 函数说明 int gettimeofday ...
用VSCode写Vue要用到的配置
[本文出自天外归云的博客园] 文件-首选项-设置-打开settings.json-用户设置区域填写: { "workbench.colorTheme": "Monokai ...
基于jQuery 3D旋转明星人物展示特效
分享一款基于jQuery 3D旋转明星人物展示特效.这是一款来自百度换肤活动的明星旋转展示效果.效果图如下: 在线预览源码下载实现的代码. html代码: <div class=&quo ...
【nodejs】初识 NodeJS（一）
构建一个基础的 http 服务器需要引用 http 模块,http 模块是 node.js 的内置模块. var http = require('http'); http.createServer( ...
tracert traceroute
二者都用于探测数据包从源到目的经过路由的IP,但两者探测的方法却有差别.不同点:一.应用环境不同tracert是应用在windows下.traceroute则是应用在linux/BSD/router/ ...
js 模仿jquery 写个简单的小demo
<div id="div" style="background:red;width:100px;height:300px"> 123123123 & ...
IP地址在mysql的存储（IP地址和int的转换）
PHP echo ip2long('192.168.1.38'); 输出:3232235814 MYSQL SELECT INET_ATON('192.168.1.38'); 输出:323223581 ...
SVD与SVD++
参考自:http://blog.csdn.net/wjmishuai/article/details/71191945 http://www.cnblogs.com/Xnice/p/4522671.h ...

IE、360浏览器select属性onchange遇到的坑

IE、360浏览器select属性onchange遇到的坑的更多相关文章

随机推荐

热门专题