change 이벤트

Kiwisae 2022. 8. 17. 12:18

select 옵션에서 컬러 이름을 고르면 배경화면이 해당 컬러로 변경되는 예제

<head>
<script>
	function sel() {
		var favcolor = document.getElementById("favcolor");
		
		if(favcolor.value == "") {
			alert("색깔을 선택해주세요");
			return false;
		}
		document.bgColor = favcolor.value;
	} 
</script>
</head>

<body>
<form>
	<h1>좋아하는 색깔을 골라보세요!</h1><hr width=400>
	<br><br><br>
	<select id="favcolor" onChange="sel()">
		<option value="">선택</option>
		<option value="red">빨강</option>
		<option value="blue">파랑</option>
		<option value="yellow">노랑</option>
		<option value="black">검정</option>
		<option value="silver">하양</option>
		<option value="pink">분홍</option>
	</select>
	<br><br><br>
	<input type="button" value="확인" onClick="sel()">
</form>
</body>

방송국 명을 선택하면 해당 방송국 홈페이지로 이동하는 예제

<head>
<script>
	function move() {
		var sel = document.getElementById("sel");
		location.href = sel.value;
	}
</script>
</head>

<body>
<form>
	방송국 : 
	<select id="sel" onChange="move()">
		<option value="">선택</option>
		<option value="http://www.imbc.com">MBC</option>
		<option value="http://www.sbs.co.kr">SBS</option>
		<option value="http://www.kbs.co.kr">KBS</option>
	</select>
</form>
</body>