Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY

Freigeben： 2016-05-16 18:24:26

Original

994 Leute haben es durchsucht

知识点：
0、为什么要innerText？因为安全问题
1、为firefox dom模型扩展属性
2、currentStyle属性可以取得实际的style状态
3、IE实现innerText时考虑了display方式，如果是block则加换行
4、为什么不用textContent？因为textContent没有考虑元素的display方式，所以不完全与IE兼容
代码：在IE6,7,8 和firefox 2,3下测试均通过。

<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> 
 
 
<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();">

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

当然，如果单独针对下拉框，也可以不用重写innerText，用下面的代码也能实现。重写innerText是为了兼容除下拉框以外的其他的HTML 元素。

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

Verwandte Etiketten：

firefox option text

Quelle：php.cn

Vorheriger Artikel：通过javascript的匿名函数来分析几段简单有趣的代码_javascript技巧 Nächster Artikel：判断是否是IE6版本并给出提示升级浏览器_javascript技巧

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Was ist eine NullPointerException und wie behebe ich sie?

2024-10-22 09:46:29
Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen

2024-10-13 13:53:41
Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger

2024-10-12 12:15:51
C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer

2024-10-11 22:47:31
Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger

2024-10-11 19:36:51
Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger

2024-10-11 15:50:41
Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger

2024-10-11 15:07:41
PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung

2024-10-11 14:21:21
Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen

2024-10-11 12:59:11
Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten

2024-10-11 12:17:31

Aktuelle Ausgaben

Eine Website, die Live Server verwendet, funktioniert nicht, wenn ich sie aus einer Datei starte Ich habe mehrere Browser ausprobiert und in jedem Fall funktioniert die Website mit LiveSe...

Aus 2024-04-06 12:46:18

0

1

403

Nach dem Aufruf von SAPUI5 callFunction() wird der Errorhandler nicht aufgerufen Ich versuche, die IBAN im Assistenten in SAPUI5 zu validieren. Dazu verwende ich functionI...

Aus 2024-04-04 18:06:36

0

1

400

Vertikal gedrehter Tabellentitel, zentriert + unten ausgerichtet, browserübergreifend Ich habe eine Tabelle mit gedrehten Kopfzeilen, die in Chrome wie erwartet aussieht, in Fi...

Aus 2024-04-04 16:45:25

0

1

330

Formulardaten können nicht auf Safari/Firefox iOS gesendet werden Dies funktioniert auf allen Plattformen außer Safari/Firefox unter iOS: jQuery("#gfor...

Aus 2024-04-04 12:53:48

0

1

303

Verwenden Sie JS, um die Wiedergabequalität zu steuern Gibt es eine Möglichkeit, die Wiedergabequalität eines Videos mithilfe von Javascript zu s...

Aus 2024-04-04 00:21:55

0

1

384

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)

1418611
php入门教程之一周学会PHP

4260170
JAVA 初级入门视频教程

2495437
小甲鱼零基础入门学习Python视频教程

504723
PHP 零基础入门教程

859691

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage