셀렉트 박스 선택--> 추가입력란 채택완료
<select name="type" id="type">
<option value="1">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
<tr><td><input type="text" id="member" name="member" /></td></tr>
위와 같이 셀렉트박스와 input 란이 있습니다.
아래쪽 input 을 안보이게 하다가...셀렉트에서 3번을 선택하면 그때 입력란이 나오게 하려면
어떻게 해야 하나요?
알려주시거나 참고할만한곳을 아시는분 혹시 계실까요?
감사합니다.
답변 1개
<style>
.want{display:none;}
</style>
<script>
$(document).ready(function()
{
$('#type').change(function(){
$("#type option:selected").each(function () {
if( $(this).val()=='3'){
$(".want").show();
}else{
$(".want").hide();
}
});
});
});
</script>
<select name="type" id="type">
<option value="1">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
<table>
<tr class="want"><td><input type="text" id="member" name="member" /></td></tr>
</table>
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인