Heim > Artikel > Web-Frontend > jquery ruft den Wert und Text des Select-Tags ab

jquery ruft den Wert und Text des Select-Tags ab

php中世界最好的语言Original: 2018-03-15 09:31:472021Durchsuche

Dieses Mal bringe ich Ihnen Jquery, um den Wert und Text des Select-Tags zu erhalten. Was sind die Vorsichtsmaßnahmen für JQuery, um den Wert und Text des Select-Tags zu erhalten? , lass uns einen Blick darauf werfen.

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 glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

jQuery und Vue bewirken einen Drag-Verifizierungscode-Effekt

$.ajax() So erhalten Sie JSON-Daten vom Server

jQuery zeigt ausgewählte Dropdown-Listendaten dynamisch an

Das obige ist der detaillierte Inhalt vonjquery ruft den Wert und Text des Select-Tags ab. 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：JavaScript implementiert die Kapselung eines einfachen elektronischen UhrenkomponentencodesNächster Artikel：JavaScript implementiert die Kapselung eines einfachen elektronischen Uhrenkomponentencodes

In Verbindung stehende Artikel

Mehr sehen