728x90
반응형
<!DOCTYPE html>
<!-- src/main/webapp/20220422/jquery2.html -->
<html>
<head>
<meta charset="UTF-8">
<title>alert창 띄우기</title>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> //Jquery
</script>
<script type="text/javascript">
//자바스크립트 사용
//window.onload : 문서가 완료되면 발생하는 이벤트
//setTimeout(function,밀리초) : 밀리초 이후에 function 호출
/*
window.onload = function(){
setTimeout(function(){
alert(sel.value) //select 태그(id=sel)에서 선택된 값
},3000)
}
*/
//Jquery 이용하기
$(function(){
setTimeout(function(){
alert(sel.value)
},3000)
})
</script>
</head>
<body>
<h3>select에서 선택된 이름을 3초후 alert창으로 이름 띄우기</h3>
<select id="sel">
<option>딸기</option><option>사과</option>
<option>복숭아</option><option>포도</option>
<option>오렌지</option><option>배</option>
</select>
</body>
</html>728x90
반응형
'study > Jquery' 카테고리의 다른 글
| [Jquery] 21. Jquery each 함수(let arr=, $.each) (0) | 2022.04.22 |
|---|---|
| [Jquery] 21. Jquery 반복문 (nth-child, odd, even, $.each(), let colors = []) (0) | 2022.04.22 |
| [Jquery] 21. Jquery table 태그 다루기(nth-child, tr:first, tr:last, tr:eq) (0) | 2022.04.22 |
| [Jquery] 21. Jquery 선택자 사용 (0) | 2022.04.22 |
| [Jquery] 21. Jquery (태그, 속성 글자색 변경) (0) | 2022.04.22 |