JavaScript

210923_select+onchange

요옫 2021. 9. 23. 15:37

(select1.html)

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<h1>select1 페이지</h1>

<img alt="" src="../cat/IMG_0361.jpg" width="1300" height="850">

</body>

</html>

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

(select2.html)

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<h1>select2 페이지</h1>

<img alt="" src="../cat/IMG_2891.jpg" width="1300" height="850">

</body>

</html>

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

(select3.html)

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<h1>select3 페이지</h1>

<img alt="" src="../cat/IMG_5126.JPG" width="1300" height="850">

</body>

</html>

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<form action="" name="frm" method="post">

  <select name="list" onchange="location=document.frm.list.value">

    <option value="">선택</option>

    <option value="ex14_select1.html">room_#1</option>

    <option value="ex14_select2.html">room_#2</option>

    <option value="ex14_select3.html">room_#3</option>

  </select>

 

</form>

</body>

</html>

 

 

room_#3을 선택할 경우

 

 

 

 

 

'JavaScript' 카테고리의 다른 글

210923_onclick,onmouseover,onmouseout  (0) 2021.09.23
210923_select+url  (0) 2021.09.23
210923_settimeout  (0) 2021.09.23
210923_jsp+  (0) 2021.09.23
210923_event+button+confirm+prompt  (0) 2021.09.23