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

时间：2018-01-10 13:30:34 阅读：254 评论：0 收藏：0 [点我收藏+]

在网页头部定义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[0].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[0].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浏览器select属性onchange遇到的坑

原文：https://www.cnblogs.com/wqsbk/p/8257578.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)