료

[html 관련] 라디오버튼을 클릭시 셀렉트박스의 내용을 변하게 하려면?

· 2008-09-06 (토) 02:03:45 · 5856 · 2
radio_selectbox.gif
게시판의 스킨(목진철님의 스킨을 공부하여) 변경하여 원하고자 하는 write 모드를 만들고 싶은데요...

라디오버튼을 선택하였을때 연동되어 셀렉트박스의 내용이 바뀌는것을 구현하고자 합니다.

어떻게 해야하나요?

비슷한 이미지 하나 올려봅니다.

첨부파일

radio_selectbox.gif (3.5 KB)
0회 2008-09-06 02:03
|

댓글 2개

<input type="radio" name="ss1" value="1" onclick="Click('s1', '1');">1
<input type="radio" name="ss1" value="2" onclick="Click('s1', '2');">2
<input type="radio" name="ss1" value="3" onclick="Click('s1', '3');">3
<input type="radio" name="ss1" value="4" onclick="Click('s1', '4');">4

<br>

<input type="radio" name="ss2" value="1" onclick="Click('s2', '1');">1
<input type="radio" name="ss2" value="2" onclick="Click('s2', '2');">2
<input type="radio" name="ss2" value="3" onclick="Click('s2', '3');">3
<input type="radio" name="ss2" value="4" onclick="Click('s2', '4');">4

<br>

<input type="radio" name="ss3" value="1" onclick="Click('s3', '1');">1
<input type="radio" name="ss3" value="2" onclick="Click('s3', '2');">2
<input type="radio" name="ss3" value="3" onclick="Click('s3', '3');">3
<input type="radio" name="ss3" value="4" onclick="Click('s3', '4');">4

<br><br>

<select id="s1">
<option value="">1번 선택</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

<select id="s2">
<option value="">2번 선택</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

<select id="s3">
<option value="">3번 선택</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>






<script type="text/javascript">
function Click(id, num)
{

document.getElementById("" + id + "").value = num;

}
</script>
감사합니다...

이제 응용하는 일만 남았는데 잘될지 모르겠읍니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
08-09-08 조회 1,290
08-09-08 조회 812
08-09-08 조회 1,059
08-09-08 조회 835
08-09-07 조회 814
08-09-07 조회 1,017
08-09-07 조회 990
08-09-07 조회 1,625
08-09-07 조회 1,010
08-09-07 조회 822
08-09-07 조회 834
08-09-06 조회 774
08-09-06 조회 863
08-09-06 조회 840
08-09-06 조회 905
08-09-06 조회 1,686
08-09-06 조회 1,156
08-09-06 조회 5,857
08-09-06 조회 807
08-09-06 조회 1,022