Heim > Artikel > Web-Frontend > So erhalten Sie den Optionswert im Select-Tag in JQuery

So erhalten Sie den Optionswert im Select-Tag in JQuery

亚连Original: 2018-06-09 14:32:344351Durchsuche

Im Folgenden werde ich Ihnen ein Beispiel für die Verwendung von jquery zum Abrufen des im Select-Tag ausgewählten Optionswerts und Texts vorstellen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.

1. Wenn Sie JQuery verwenden möchten, müssen Sie zuerst die JQuery-Datei in HTML oder JSP einführen.

2. Kommen wir ohne weitere Umschweife zum Code.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<script type="text/javascript" src="../../../../js/common/jquery-1.6.2.js"></script>
		<script type="text/javascript">
			function doSome(){
				alert($("#sel option:selected").text());//方法一：获取select标签选中的option中的文本。
				alert($("#sel").find("option:selected").text());//方法二：获取select标签选中的option中的文本。
				
				alert($("#sel option:selected").val());//方法一：获取select标签选中的option中的value的值。
				alert($("#sel").find("option:selected").val());//方法二：获取select标签选中的option中的value的值。
				//------------------------------帅气的分割线，，下面有重点--------------------------------
				
				//当option是这样的：<option>cc</option>。即没有value属性的时候。自然也就没有value值。
				//这时候jquery就很纠结：写了段代码让我拿value的值，可是找到的option中根本没有value属性。
				//算了，把option中 的文本拿出来给你吧。
				//所以当选中<option>cc</option>这个option的时候，你会发现上边四个alert出来的值是一样的。都是option中的文本。
				//想要拿到option中的value的值，首先option得有value属性啊！！！
			}
		</script>
	</head>
	
	<body>
		<p>
			<select id="sel" onchange="doSome();">
				<option value="aa">bb</option>
				<option>cc</option>
			</select>
		</p>
	</body>
</html>

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Erklären Sie das Object-Objekt im Detail in JS

Wie man vue.js verwendet, um zu erkennen, dass das Pop- Up-Box wird nur einmal abgespielt

Detaillierte Interpretation des Trie-Präfixbaums in Javascript

Detaillierte Interpretation des todoMVC-Codes in Vue

In So fügen Sie den Stilnamen in jquery dynamisch hinzu und erhalten ihn

So implementieren Sie die Kommunikation zwischen Eltern-Kind-Komponenten in Angular2

So erstellen Sie Logistik in D3.js Map (ausführliches Tutorial)

NavigatorIOS-Komponente in React Native (ausführliche Tutorialbeschreibung)

Über So verwenden Sie die ejsExcel-Vorlage

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Optionswert im Select-Tag in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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：Wie integriere ich Bootstrap 4 in Laravel?Nächster Artikel：Wie integriere ich Bootstrap 4 in Laravel?

In Verbindung stehende Artikel

Mehr sehen