IE瀏覽器select屬性onchange遇到的坑

阿新 • • 發佈：2018-01-10

代碼 ntb 頁面 html d+ color ide 全部 ava

在網頁頭部定義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遇到的坑

代碼 ntb 頁面 html d+ color ide 全部 ava 在網頁頭部定義js代碼 <script type="text/javascript"> function gradeChange(e){ var selec

關於火狐IE瀏覽器select樣式問題

1.可用： <style type="text/css"> select { /*Chrome和Firefox裡面的邊框是不一樣的，所以複寫了一下*/ border: solid 1px #000; /*很關鍵：將預設的sel

CSS中不為人知Zoom屬性的使用介紹(IE瀏覽器不得不說的坑)

標準瀏覽器有個屬性 scale可以縮放節點並且可以設定縮放的中心點，我為什麼要說這個呢，因為這個是促使我找回IE css屬性ZOOM的一個助力。 ZOOM現在主要用來解決IE清除浮動，其最初的作用是用來縮放節點，後來也成為標準瀏覽器的一個屬性，但是標準瀏覽器下的zoom效

關於IE瀏覽器裏修改元素style屬性的問題

答案 wid src style image blog 谷歌屬性 clas 如圖，用註釋掉的方法，即document.getElementById(“元素id”).style=“”的方法改變元素的顏色，在其他瀏覽器（火狐，谷歌，Edge）均能成功，唯獨IE瀏覽器裏元素的

div css Firefox和IE瀏覽器相容問題用CSS實現cellSpacing屬性效果

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

ie瀏覽器下placeholder屬性失效的解決辦法

1，在頁面設計中，表單的設計需要提示性的詞語來引導使用者使用，最常見的的就是使用標籤placeholder屬性，只可惜這個HTML 5屬性在低版本的IE下會失效，那該怎麼辦呢？ 2，placeholder 屬性提供可描述輸入欄位預期值的提示資訊。該提示會在輸入欄位為空時顯示，並會在欄位獲得焦

ie瀏覽器下的replace下的坑

1，在某個機緣巧合下，我用html.replace(‘id=“editor”’,‘type=“text”’),在谷歌瀏覽器除錯下是正常的，但是用ie瀏覽器看的時候就發現了問題，後來找到原因就是replace沒有替換成功， 2，ie下用Str.replace(‘我’,‘你’);這樣是沒什麼

IE 瀏覽器embed標籤src屬性為空，不能開啟網頁

前言：今天看到網站在IE上不停的轉圈圈（頁面基本顯示出來了），當時所有的JS都失效了，本著本職工作責任心，開始了找bug之路，但是過程比想象中要艱辛，一開始以為是base標籤有問題導致JS載入不到，後來認為是js衝突導致所有js執行失敗（又替換了順序，又替換了好多個JS版本），最

select在ie瀏覽器和其他瀏覽器樣式問題

ie中取掉下拉箭頭: 樣式中加入 select::-ms-expand { display: none; } 其他瀏覽器取掉下拉箭頭：-webkit-app

10個很有用但是IE瀏覽器不支援的CSS屬性

儘管我們對CSS已經非常熟悉，應付日常的工作或在各個瀏覽器中搞定CSS的相容性已經很得心應手，但是並不是所有的CSS屬性都是那麼的常用。在本文中，讓我們看看10個可能非常有用但是在該死的IE瀏覽器中(主要是IE6和IE7)卻不能使用的CSS屬性。看完了該文，你可能會更加討厭

IE 瀏覽器不支援 ES6 Array.from(new Set( )) SCRIPT438: 物件不支援“from”屬性

【轉】解決老瀏覽器不支援ES6的方法現象： Array.from(new Set( )) SCRIPT438: 物件不支援“from”屬性或方法解決方法：安裝babel 引入browser.min.js &nbs

解決使用IE瀏覽器進行上傳（ajaxFileUpload）後，瀏覽器會提示下載的問題（踩坑記錄）

最近做一個上傳功能，前端使用的是ajaxFileUpload，後臺程式碼不規範，response沒有設定contentType，除了chome之外，firefox和IE瀏覽器都會報錯，即能進入後臺服務正常進行業務邏輯，但是返回都落在error:function{ }裡。由於後

ie瀏覽器對border-radius屬性的支援小結

1. ie10,ie9支援border-radius屬性 2.ie10相容性檢視，ie8,ie7,ie6,不支援border-radius屬性對於不支援圓角屬性的ie瀏覽器，可以通過引入ie-css3.htc或PIE.htc檔案來解決該問題。在CSS檔案中引入ie-c

select 標籤預設樣式在火狐和ie瀏覽器上下拉箭頭難看！谷歌ok！在網上找到的解決下拉箭頭的樣式

select { /*Chrome和Firefox裡面的邊框是不一樣的，所以複寫了一下*/ border: solid 1px #000; /*很關鍵：將預設的select選擇框樣式清除*/ appearance:none; -moz-appearanc

GridView，IE瀏覽器去掉行右邊豎的黑線

alt pan blog nes lis nat img clas src GridView在IE瀏覽器下有黑線。加上如下屬性 <asp:GridView ID="GridView1" runat="server" CssClass="table-list

IE瀏覽器從頁面向後臺Controller傳中文值出現亂碼問題

亂碼問題 editable com combo url 面向 val textfield bsp 地址前面添加encodeURI() 1、 1 var url = encodeURI(‘xxxAction.action?para=‘+中文); 2 3 $(‘#

js判斷是否為ie瀏覽器

win active spa nbsp 兼容性問題 else -s ont 非ie 　　之前在開發時遇到瀏覽器的兼容性問題，涉及到對ie瀏覽器的判斷。現在此做個筆記。　　這裏我以函數的形式來判斷，在用的時候直接調用即可。　　var isIE = !!window.A

chrome-Firefox-IE瀏覽器兼容總結

enter ren ont 標準距離 tro tac oev turn 作為一名WEB前端程序員,相信每個人對瀏覽器的兼容都"情有獨鐘",下面就一些常用的瀏覽器的兼容列舉一二。一、塊級元素（block）一般不轉化為inline-block,其實是因為瀏覽器的兼容問題，I

html中select的onchange打開方式

選擇 option chang onchange change 一個 window 頁面窗口在做網站的時候，常常會用到下拉菜單來打開一個窗口，下拉菜單有2種打開方式，分別是在當前頁面打開和在新窗口打開。select新窗口打開：<select onchange="

卸載完百度影音以後天氣助手還在，而且總是自己主動打開ie瀏覽器，解決方式

通過 -m == 第三方 post uninstall ria pan xms 今天暴風影音不好用了。我就安裝了百度影音，還有意外發現。相同的視頻，用百度影音看不清楚，然後我就直接卸載了。結果卸掉以天氣小助手還是在，而且總彈白色小框框，各種廣告。最

IE瀏覽器select屬性onchange遇到的坑

相關推薦