在网页头部定义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遇到的坑的更多相关文章

  1. 兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览

    html代码: <div id="divPreview"> <img id="imgHeadPhoto" src="Images/H ...

  2. 浏览器 私有属性&内核

    -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome.safari私有属性 IE使用的是Trident内核,Firefox 使用的是Gecko内核.目 ...

  3. css解决谷歌，360浏览器默认最小字体为12px问题

    当我们设置前台html页面样式问题字体小于12px;时,会发现不管怎么设置小于12px字体,在谷歌.360浏览器上都不生效. 但在火狐等浏览器上却可以正常设置,当你打开谷歌360的设置后会发现,它们设 ...

  4. select的onChange事件问题解决

    一.onChange事件只有在值改变时才可触发,所以必须在每一次选择时(尤其第一次)保证选择的值是改变的! 所以<select name="inv_payee" id=&qu ...

  5. Html中DIV成为超级链接，解决在360浏览器+IE9显示小手图标的兼容性！

    Html中DIV成为超级链接,解决在360浏览器+IE9显示小手图标的兼容性! <div style="cursor:pointer;" onclick="sele ...

  6. chrome浏览器360浏览器图片无法加载提示等待可用套接字问题

    前端时间遇到chrome,360浏览器无法加载图片问题,提示等待可用的套接字 后来发现原因,原来是使用html5<video>标签时使用了默认的配置,默认情况下<video>标 ...

  7. 如何使用python来模拟鼠标点击（将通过实例自动化模拟在360浏览器中自动搜索"python"）

    一.准备工作: 安装pywin32,后面开发需要pywin32的支持,否则无法完成与windows层面相关的操作. pywin32的具体安装及注意事项: 1.整体开发环境: 基于windows7操作系 ...

  8. HTML：meta标签使用总结 [转载] [360浏览器 指定极速模式]

    meta标签作用 META标签是HTML标记HEAD区的一个关键标签,提供文档字符集.使用语言.作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO). PS:便于搜 ...

  9. 360浏览器最小字号12的坑 -彻底搞清rem

    之前做响应式网站,使用rem作为单位.因为浏览器的默认字号是16px,设置html {font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/},刚好1rem =10p ...

随机推荐

  1. Atitit 华为管理者内训书系 以奋斗者为本 华为公司人力资源管理纲要 attilax读后感

    Atitit  华为管理者内训书系 以奋斗者为本 华为公司人力资源管理纲要 attilax读后感 序 言上篇:价值创造.评价与分配第一章 全力创造价值1.1 围绕价值创造展开人力资源管理1.1.1 什 ...

  2. Atitit 项目版本管理gitflow 与 Forking的对比与使用

    Atitit 项目版本管理gitflow 与 Forking的对比与使用 1.1. 版本管理的历史 csv>>svn >git 1 1.2. gitflow的核心是分版本管理,for ...

  3. nmon监控

    原文:https://www.cnblogs.com/wnfindbug/p/5719181.html 一.检查安装环境 # uname –a (查看操作系统信息,所检查服务器为64位操作系统) Li ...

  4. HTTP 06 用户认证

    SSL 客户端认证具有高度的安全等级, 但是因为导入及维持费用等问题, 还未普及. 认证的方式有很多种, 多半是 基于表单的认证(即用户名/密码的方式) Session 管理及 Cookie 应用 基 ...

  5. 苹果应用商店逾千款iOS应用存安全漏洞

    据国外网站Ibtimes报道,知名网络安全公司FireEye日前警告称,由于一款名为“JSPatch”.可帮助开发者修改应用程序的软件上存在安全漏洞,导致苹果应用商店内1000多款使用了该框架的iOS ...

  6. Android中使用BufferedReader.readline阻塞读取不到数据,但是ready返回true

    通过socket测试工具在电脑上发送消息,Android真机可以收到响应BufferedReader.ready()返回true,但是readline却一直阻塞. 原因:readline()只有在遇到 ...

  7. SAP PA Document List

    RE-Real Estate 房地产 RE010-EN-Col95-Real Estate Processes in SAP ERP RE200-EN-Col95-Real Estate Manage ...

  8. Ajax+Python flask实现上传文件功能

    HTML: <div > <input type="file" name="FileUpload" id="FileUpload&q ...

  9. 框架源码系列四：手写Spring-配置（为什么要提供配置的方法、选择什么样的配置方式、配置方式的工作过程是怎样的、分步骤一个一个的去分析和设计）

    一.为什么要提供配置的方法 经过前面的手写Spring IOC.手写Spring DI.手写Spring AOP,我们知道要创建一个bean对象,需要用户先定义好bean,然后注册到bean工厂才能创 ...

  10. Module 10：I/O流（java如何实现与外界数据的交流）

    Module 10:I/O流(java如何实现与外界数据的交流) Input/Output:指跨越出了JVM的边界,与外界数据的源头或者目标数据源进行数据交换.               输出   ...