Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menyembunyikan pilihan pilihan dalam javascript

Bagaimana untuk menyembunyikan pilihan pilihan dalam javascript

青灯夜游
Lepaskan: 2022-01-12 14:48:26
asal
4558 orang telah melayarinya

Kaedah untuk menyembunyikan pilihan pilihan: 1. Gunakan pernyataan "document.getElementById(id)" untuk mendapatkan objek pilihan yang ditentukan berdasarkan nilai id; 2. Gunakan "option object.style.display=" none"" statement to specify Pilihan pilihan boleh disembunyikan.

Bagaimana untuk menyembunyikan pilihan pilihan dalam javascript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Cara menyembunyikan pilihan pilihan dalam javascript

Idea pelaksanaan:

  • Gunakan getElementById() untuk mendapatkan Tentukan pilihan pilihan;

  • Tetapkan gaya paparan="none" kepada pilihan pilihan yang ditentukan untuk menyembunyikannya.

Kod pelaksanaan:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		请选择:<select>
			<option value="1" selected>1</option>
			<option id="opt" value="2">2</option>
			<option value="3">3</option>
		</select>
		<button id="btn">隐藏值为2的option选项</button>
		<script>
			function my(id) {
				return document.getElementById(id);
			}
			my("btn").onclick = function() {
				my("opt").style.display="none";
			}
		</script>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk menyembunyikan pilihan pilihan dalam javascript

[Cadangan berkaitan: Tutorial pembelajaran javascript

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan