Bagaimana untuk memantau perubahan pilihan dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk memantau perubahan pilihan dalam jquery

青灯夜游

Lepaskan： 2022-09-08 19:02:33

asal

9033 orang telah melayarinya

Langkah pemantauan: 1. Gunakan change() untuk mengikat acara perubahan pada elemen pilih dan tetapkan fungsi pemprosesan acara, sintaksnya ialah "$("select").change(function() {.. .}); "; 2. Dalam fungsi pemprosesan acara, tetapkan kod yang perlu dilaksanakan selepas peristiwa dicetuskan. Sintaks ialah "alert("Pilihan telah diubah"); select').val());". Apabila Selepas perubahan dibuat, tetingkap pop timbul akan muncul untuk mengingatkan anda dan mendapatkan pilihan baharu.

Bagaimana untuk memantau perubahan pilihan dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.1, komputer Dell G3.

Dalam jquery, anda boleh menggunakan fungsi mendengar terbina dalam change() untuk memantau perubahan dalam pilihan.

Peristiwa perubahan berlaku apabila nilai elemen berubah (hanya terpakai untuk medan borang). Kaedah

change() mencetuskan peristiwa perubahan atau menentukan fungsi untuk dijalankan apabila peristiwa perubahan berlaku.

Nota: Apabila digunakan dengan elemen pilih, peristiwa perubahan akan berlaku apabila pilihan dipilih.

Langkah pelaksanaan

Langkah 1: Gunakan change() untuk mengikat peristiwa perubahan pada elemen pilih dan tetapkan fungsi pemprosesan acara

$("select").change(function() {
	//事件触发后，执行的代码
});

Salin selepas log masuk

Langkah 2: Dalam fungsi pemprosesan acara, tetapkan kod yang perlu dilaksanakan selepas acara dicetuskan

$("select").change(function() {
	alert("选项已被改变");
	console.log($(&#39;select&#39;).val());
});

Salin selepas log masuk

Dengan cara ini, selepas pilihan berubah, tetingkap pop timbul akan muncul Peringatan, dan mendapat kandungan pilihan baharu

Kod pelaksanaan:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("select").change(function() {
					alert("select已改变");
					console.log($(&#39;select&#39;).val());
				});
			});
		</script>
	</head>
	<body>

		<div id="cont">
			<select>
				<option value="目的地">目的地</option>
				<option value="温州">温州</option>
				<option value="永嘉">永嘉</option>
			</select>
		</div>
	</body>
</html>

Salin selepas log masuk

Bagaimana untuk memantau perubahan pilihan dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery , video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk memantau perubahan pilihan dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!