masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > teks badan

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

WBOY

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

asal

995 orang telah melayarinya

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

Label berkaitan：

firefox option text

sumber：php.cn

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

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Tapak web menggunakan Pelayan Langsung tidak berfungsi apabila saya melancarkannya daripada fail Saya mencuba beberapa penyemak imbas dan dalam setiap kes tapak web berfungsi dengan baik ...

daripada 2024-04-06 12:46:18

0

1

403

Selepas SAPUI5 callFunction() dipanggil, Errorhandler tidak dipanggil Saya cuba mengesahkan IBAN dalam wizard dalam SAPUI5. Untuk melakukan ini, saya menggunaka...

daripada 2024-04-04 18:06:36

0

1

400

Tajuk jadual diputar secara menegak, dijajarkan di tengah + bawah, penyemak imbas silang Saya mempunyai jadual dengan pengepala berputar yang kelihatan seperti yang diharapkan dal...

daripada 2024-04-04 16:45:25

0

1

330

Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...

daripada 2024-04-04 12:53:48

0

1

303

Gunakan JS untuk mengawal kualiti main balik Adakah terdapat cara untuk mengawal kualiti main balik video menggunakan Javascript? Lebih...

daripada 2024-04-04 00:21:55

0

1

384

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan