Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Verwendung des JS-Onchange-Ereignisses im Dropdown-Feld

藏色散人
Freigeben: 2022-08-07 11:14:10
nach vorne
2654 Leute haben es durchsucht

Dieser Artikel stellt die Verwendung von js onchange event im Dropdown-Feld vor. Interessierte Freunde können darauf verweisen.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.4.js" ></script>
	</head>
	<body>
		
    <!--onchange 事件会在域的内容改变时发生。
        onchange 事件也可用于单选框与复选框,下拉框改变后触发的事件。-->
		<select id="sxbh" onchange="xzsx();">
		   <option value="1">下拉1</option>
		   <option value="2">下拉2</option>
		   <option value="3">下拉3</option>
	    </select>
		  
		<script>
			function xzsx(){
				console.log("xzsx函数被调用了");
				var sxbh = document.getElementById("sxbh").value;
				console.log(sxbh)
				
				//我们拿到sxbh值后,可以做其他;逻辑处理,或者带上参数发送ajax
//			    jQuery.ajax({
//				url: "/", 
//				async: false,
//				type: "POST",
//				data: {SXBH:sxbh},
//				success: function(data){
//					xzsxList = JSON.parse(data);
//					leftList = JSON.parse(data);
//				}
//			});
		};
			
		</script>
	</body>
</html>
Nach dem Login kopieren

Detaillierte Erläuterung der Verwendung des JS-Onchange-Ereignisses im Dropdown-Feld
Wirkung:
Detaillierte Erläuterung der Verwendung des JS-Onchange-Ereignisses im Dropdown-Feld

Verwandte Empfehlungen: [JavaScript-Video-Tutorial]

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung des JS-Onchange-Ereignisses im Dropdown-Feld. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage