communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > js tutoriel > le corps du texte

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

WBOY

Libérer： 2016-05-16 18:24:26

original

995 Les gens l'ont consulté

知识点：
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需刷新才能执行]

Étiquettes associées：

firefox option text

source：php.cn

Article précédent：通过javascript的匿名函数来分析几段简单有趣的代码_javascript技巧 Article suivant：判断是否是IE6版本并给出提示升级浏览器_javascript技巧

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Qu'est-ce qu'une NullPointerException et comment y remédier ?

2024-10-22 09:46:29
De novice à codeur : votre voyage commence par les principes fondamentaux du C

2024-10-13 13:53:41
Débloquer le développement Web avec PHP : guide du débutant

2024-10-12 12:15:51
Démystifier C : un chemin clair et simple pour les nouveaux programmeurs

2024-10-11 22:47:31
Libérez votre potentiel de codage : programmation C pour les débutants absolus

2024-10-11 19:36:51
Libérez votre programmeur intérieur : C pour les débutants absolus

2024-10-11 15:50:41
Automatisez votre vie avec C : scripts et outils pour les débutants

2024-10-11 15:07:41
PHP Made Easy : vos premiers pas dans le développement Web

2024-10-11 14:21:21
Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité

2024-10-11 12:59:11
La clé du codage : libérer la puissance de Python pour les débutants

2024-10-11 12:17:31

Derniers numéros

Le site Web utilisant Live Server ne fonctionne pas lorsque je le lance à partir d'un fichier J'ai essayé plusieurs navigateurs et dans tous les cas, le site Web fonctionne bien avec L...

Depuis 2024-04-06 12:46:18

0

1

403

Après l'appel de SAPUI5 callFunction(), Errorhandler n'est pas appelé J'essaie de valider l'IBAN dans l'assistant de SAPUI5. Pour ce faire, j'utilise functionIm...

Depuis 2024-04-04 18:06:36

0

1

400

Titre du tableau pivoté verticalement, centré + aligné en bas, multi-navigateur J'ai un tableau avec des en-têtes pivotés qui ressemble à prévu dans Chrome, mais pas dans...

Depuis 2024-04-04 16:45:25

0

1

330

Impossible d'envoyer les données du formulaire sur Safari/Firefox iOS Cela fonctionne sur toutes les plateformes sauf Safari/Firefox sur iOS : jQuery("#gfo...

Depuis 2024-04-04 12:53:48

0

1

303

Utilisez JS pour contrôler la qualité de lecture Existe-t-il un moyen de contrôler la qualité de lecture d'une vidéo à l'aide de Javascript...

Depuis 2024-04-04 00:21:55

0

1

384

Rubriques connexes

Plus>

Recommandations populaires

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal