자바스크립트에서 옵션 옵션을 숨기는 방법-JS 튜토리얼-php.cn

자바스크립트에서 옵션 옵션을 숨기는 방법

青灯夜游

풀어 주다： 2022-01-12 14:48:26

원래의

4406명이 탐색했습니다.

옵션 옵션을 숨기는 방법: 1. "document.getElementById(id)" 문을 사용하여 id 값을 기반으로 지정된 옵션 개체를 얻습니다. 2. "option object.style.display="none"" 문을 사용합니다. 지정된 옵션 옵션을 숨길 수 있습니다.

자바스크립트에서 옵션 옵션을 숨기는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript에서 옵션 옵션을 숨기는 방법

구현 아이디어:

지정된 옵션 옵션을 얻으려면 getElementById()를 사용하세요.
display="none" 스타일을 지정된 옵션 옵션으로 설정하세요. 그것을 숨기기 위해.

구현 코드:

<!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>

로그인 후 복사

자바스크립트에서 옵션 옵션을 숨기는 방법