suchen

Heim  >  Artikel  >  Web-Frontend  >  jquery-Methode, um ausgewählten Text und value_jquery abzurufen

jquery-Methode, um ausgewählten Text und value_jquery abzurufen

WBOY
WBOYOriginal
2016-05-16 16:42:061293Durchsuche

1. Beschreibung

(1) Rufen Sie den im Auswahl-Dropdown-Feld ausgewählten Index ab

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

(2) Rufen Sie den ausgewählten Wert des Auswahl-Dropdown-Felds ab

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

(3) Holen Sie sich den im Auswahl-Dropdown-Feld ausgewählten Text

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

2. Quellcode implementieren

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. Ergebnisse erzielen

(1) Wählen Sie das erste Element aus

(2) Wählen Sie das letzte Element aus

Stellungnahme：
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
Vorheriger Artikel：Das Dialogfeld zum Löschen der js-Bestätigung eignet sich für Tag- und Submit_Javascript-KenntnisseNächster Artikel：Das Dialogfeld zum Löschen der js-Bestätigung eignet sich für Tag- und Submit_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen