[html 관련] 라디오버튼을 클릭시 셀렉트박스의 내용을 변하게 하려면? 정보
[html 관련] 라디오버튼을 클릭시 셀렉트박스의 내용을 변하게 하려면?
본문
라디오버튼을 선택하였을때 연동되어 셀렉트박스의 내용이 바뀌는것을 구현하고자 합니다.
어떻게 해야하나요?
비슷한 이미지 하나 올려봅니다.
댓글 전체
<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>
<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>
감사합니다...
이제 응용하는 일만 남았는데 잘될지 모르겠읍니다.
이제 응용하는 일만 남았는데 잘될지 모르겠읍니다.