firefox下獲取下列框選中option的text的代碼

2019-11-21 00:24:40

字體：大中小

來源：轉載

供稿：網友

知識點：
0、為什么要innerText？因為安全問題
1、為firefox dom模型擴展屬性
2、currentStyle屬性可以取得實際的style狀態
3、IE實現innerText時考慮了display方式，如果是block則加換行
4、為什么不用textContent？因為textContent沒有考慮元素的display方式，所以不完全與IE兼容
代碼：在IE6,7,8 和firefox 2,3下測試均通過。

<html> <head> <script language="javascript"> //If your browser is IE , return true. If is others, like firefox, return false. function isIE(){ //ie? if (window.navigator.userAgent.toLowerCase().indexOf("msie")>=1) return true; else return false; } //If is firefox , we need to rewrite its innerText attribute. if(!isIE()){ //firefox innerText define HTMLElement.prototype.__defineGetter__( "innerText", function(){ var anyString = ""; var childS = this.childNodes; for(var i=0; i<childS.length; i++) { if(childS[i].nodeType==1) anyString += childS[i].tagName=="BR" ? '/n' : childS[i].textContent; else if(childS[i].nodeType==3) anyString += childS[i].nodeValue; } return anyString; } ); HTMLElement.prototype.__defineSetter__( "innerText", function(sText){ this.textContent=sText; } ); } function getSelectedText(name){ var obj=document.getElementById(name); for(i=0;i<obj.length;i++){ if(obj[i].selected==true){ return obj[i].innerText; } } } function chk(){ var objText = getSelectedText("mySelect"); alert("seleted option's text is : "+objText); var objValue=document.getElementById("mySelect").value; alert("seleted option's value is :"+objValue); } </script> </head> <body> <select id="mySelect"> <option value="1111">My 1111 hahaha</option> <option value="2222">My 2222</option> <option value="3333">My 3333</option> <option value="4444">My 4444</option> </select> <input type="button" name="button" value="see result" onclick="javascript:chk();"> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

當然，如果單獨針對下拉框，也可以不用重寫innerText，用下面的代碼也能實現。重寫innerText是為了兼容除下拉框以外的其他的HTML 元素。

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：ymPrompt的doHandler方法來實現獲取子窗口返回值的方法

下一篇：讓IE6支持min-width和max-width的方法