728x90
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/jquery.min.js"></script>
<script>
$(function(){
$("#rel_site").on("change", function(){
var myVal = $(this).val() //이벤트 발생한곳의 value값 가져옴
console.log(myVal)
$(".txt").text(myVal)
})
})
</script>
</head>
<body>
<select id="rel_site">
<option>사이트 선택</option>
<option value="www.google.com">구글</option>
<option value="www.naver.com">네이버</option>
<option value="www.daum.net">다음</option>
</select>
<p class="txt"></p>
</body>
</html>
우선 옵션값을 추가하고 다음으로는
선택 했을때 표시 될 수 있는 자리를 만들어야 한다.
만들려고 하는 목적부터 다시 생각 해보자
선택해서 선택한 결과에 대한 답을 출력 하는 것이다
작동을 하기 위해서 스크립트를 짜야한다.
항상 생각하고 있는 내용처럼
이야기 하듯이 코딩 할 수 있는 능력을 가지고 싶다.
728x90
'프로그래밍 > Javascript, jQuery' 카테고리의 다른 글
가위바위보 - 자바 스크립트 (1) | 2023.01.13 |
---|---|
학생 N명의 성적을 받고 총점, 평균 출력 - 자바 스크립트 (0) | 2023.01.13 |
자바 스크립트 (간단한 나이 구별) (0) | 2023.01.06 |