셀렉트 박스 선택--> 추가입력란
본문
<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>
감사합니다.
