select에서 option으로 영화를 클릭하면 원하는 포스터가 뜸( cgv의 링크걸어둠 )
<body bgcolor="#000000" text="#ffffff">
<h2>영화들</h2>
<div align="center">
<table>
<tr>
<td>
<img alt="" src="http://img.cgv.co.kr/Movie/Thumbnail/Poster/000076/76417/76417_320.jpg"
name="photo" border="3" width="250" height="300">
</td>
<td valign="top" style="padding-left: 10px">
<form action="" name="frm">영화선택<br>
<select name="picture" onchange="photochange()">
<option>영화제목-----------</option>
<option value="http://img.cgv.co.kr/Movie/Thumbnail/Poster/000076/76417/76417_320.jpg">다트나이트 라이즈</option>
<option value="http://img.cgv.co.kr/Movie/Thumbnail/Poster/000083/83099/83099_320.jpg">밤쉘</option>
</select>
</form>
</td>
</tr>
</table>
</div>
<script type="text/javascript">
function photochange() {
let index = document.frm.picture.selectedIndex;
if (index != 0) {
document.photo.src = document.frm.picture.options[index].value;
}
}
</script>
</body>
'Java Script > work' 카테고리의 다른 글
| 배경 이미지가 웹 브라우저의 크기에 맞고 폰트를 반투명으로 하라. (0) | 2020.07.13 |
|---|---|
| 클릭하여 원하는 브라우져로 이동 (0) | 2020.07.10 |
| 이차방정식 버튼으로 답 확인 (0) | 2020.07.10 |
| 버튼 다중 클릭 이벤트 처리 (0) | 2020.07.10 |
| node, file// 사용을 통한 테이블 추가! file로 read; (0) | 2020.07.10 |
