firefox下获取下列框选中option的text的代码

ttx9n · 发表于 2010-6-25 20:04:47

Firefox下面没有innerText,所以我们想在firefox下获取下列框选中option的text（注意不是value）时会比较吃力。笔者结合自己在项目中的解决方案和代码总结一下，请大家指教。知识点：
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需刷新才能执行]

pb_tjc · 发表于 2023-5-29 02:48:50

哦哦哦ijhhsdj

平平安安 · 发表于 2023-9-2 15:13:21

管灌灌灌灌灌灌灌灌灌灌

btbhs8t · 发表于 2023-9-21 11:17:26

还有什么好东西没

dingzhi521 · 发表于 2023-10-10 11:22:36

啦啦啦啦啦啦哈哈哈

小伙伴 · 发表于 2024-4-1 13:57:39

哦哦哦ijhhsdj

xf9hlg1 · 发表于 2024-5-12 23:38:38

数据库了多久撒快乐的健身卡啦

6q8s6p21 · 发表于 2024-6-10 16:49:23

需要很久了终于找到了

黑白键 · 发表于 2024-6-23 04:02:29

看看看看看看看看看看看看看看看看看看看看看看看看看看看

雪龙Ui79 · 发表于 2024-9-8 03:29:25

哦哦哦ijhhsdj

账号		自动登录	找回密码
密码			立即注册

[JavaScript] firefox下获取下列框选中option的text的代码

相关帖子