Rumah > Artikel > hujung hadapan web > kaedah jquery untuk mendapatkan teks dan value_jquery yang dipilih

kaedah jquery untuk mendapatkan teks dan value_jquery yang dipilih

WBOYasal: 2016-05-16 16:42:061265semak imbas

1. Penerangan

(1) Dapatkan indeks dipilih oleh kotak lungsur turun pilihan

$("#selection").get(0).selectedIndex;

(2) Dapatkan nilai pilihan kotak lungsur turun pilihan

$("#selection option:selected").val();

(3) Dapatkan teks dipilih dalam kotak lungsur pilih

$("#selection option:selected").text();

2. Laksanakan kod sumber

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<HTML xmlns="http://www.w3.org/1999/xhtml"> 
<HEAD> 

<script type="text/javascript" src="../Documents/未命名站点 2/jquery-1.11.0.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$("#btn").click(function(){ 
//获取select下拉框索引 
var index = $("#selection").get(0).selectedIndex; 
//获取select下拉框的值 
var selectVal = $("#selection option:selected").val(); 
//获取select下拉框的文本 
var selectText = $("#selection option:selected").text(); 
alert("获取select下拉框索引：" + index + "\n" + "获取select下拉框的值：" + selectVal + "\n" + "获取select下拉框的文本：" + selectText); 
}); 
}); 
</script> 

<DIV id=select_val> 
<SELECT id=selection> <OPTION selected value=0>鲤鱼</OPTION> <OPTION value=1>鳐鱼</OPTION> <OPTION value=2>鲶鱼</OPTION> <OPTION value=3>棒棒鱼</OPTION> <OPTION value=4>小姐鱼</OPTION> <OPTION value=5>红金花罗汉鱼</OPTION> <OPTION value=6>彩虹王罗汉鱼</OPTION> <OPTION value=7>泰金罗汉鱼</OPTION></SELECT> 
</DIV> 
<INPUT id=btn value=获取选中的文本和值 type=button>

3. Realisasikan hasil

(1) Pilih item pertama

(2) Pilih item terakhir

Kenyataan：

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 sebelumnya：kotak dialog padam pengesahan js sesuai untuk kemahiran tag dan submit_javascriptArtikel seterusnya：kotak dialog padam pengesahan js sesuai untuk kemahiran tag dan submit_javascript

Artikel berkaitan

Lihat lagi