셀렉트 박스에 기타선택시 텍스트박스 노출 문제
본문
<div class="input_wrap" style="padding:10px 0; font-size:16px; display:inline-block; width:80%;">
<select id="job1[0]" name="job1[0]" required class="frm_input" style="margin-bottom:0px; width:200px;">
<option value="">업종 선택해주세요</option>
<option value="건설" <?php echo ($write['wr_5'] == "건설") ? " selected" : "";?>>건설</option>
<option value="공공행정,국방및사회보장행정" <?php echo ($write['wr_5'] == "공공행정,국방및사회보장행정") ? " selected" : "";?>>공공행정,국방및사회보장행정</option>
<option value="교육서비스" <?php echo ($write['wr_5'] == "교육서비스") ? " selected" : "";?>>교육서비스</option>
<option value="금융및보험" <?php echo ($write['wr_5'] == "금융및보험") ? " selected" : "";?>>금융및보험</option>
<option value="도매및소매" <?php echo ($write['wr_5'] == "도매및소매") ? " selected" : "";?>>도매및소매</option>
<option value="보건업및사회복지서비스" <?php echo ($write['wr_5'] == "보건업및사회복지서비스") ? " selected" : "";?>>보건업및사회복지서비스</option>
<option value="수리및기타서비스" <?php echo ($write['wr_5'] == "수리및기타서비스") ? " selected" : "";?>>수리및기타서비스</option>
<option value="숙박및음식점업" <?php echo ($write['wr_5'] == "숙박및음식점업") ? " selected" : "";?>>숙박및음식점업</option>
<option value="운수및창고" <?php echo ($write['wr_5'] == "운수및창고") ? " selected" : "";?>>운수및창고</option>
<option value="예술,스포츠및여가관련서비스" <?php echo ($write['wr_5'] == "예술,스포츠및여가관련서비스") ? " selected" : "";?>>예술,스포츠및여가관련서비스</option>
<option value="정보통신업" <?php echo ($write['wr_5'] == "정보통신업") ? " selected" : "";?>>정보통신업</option>
<option value="제조업" <?php echo ($write['wr_5'] == "제조업") ? " selected" : "";?>>제조업</option>
<option value="협회및단체" <?php echo ($write['wr_5'] == "협회및단체") ? " selected" : "";?>>협회및단체</option>
<option value="etc" <?php echo ($write['wr_5'] == "etc") ? " selected" : "";?>>기타</option>
</select>
<span><input type="text" name="job1[1]" value="<?php echo $name ?>" id="job1[1]" required class="frm_input half_input required" style="width:200px; margin-bottom:0px; margin-left:10px;" placeholder="기타업종 선택시 적어주세요"></span>
</div>
<script>
$(function(){
//입력박스 숨어있다가
$("#job1[1]").hide();
$("#job1[0]").change(function() {
//기타를 선택하면 등장
if($("#job").val() == "etc") {
$("#job1[1]").show();
} else {
$("#job1[1]").hide();
}
})
});
</script>
답변 1
위에 셀렉터가 잘못됐어요
아이디는 배열을 못넣구요
id="job1[0]" 는 배열은 절대 안됩니다. id="job1" 이렇게 하시고
기타 선택 인풋은 아래 처럼해보세요
<input type="text" name="job2[]" />
$("#job1").change(function() {
//기타를 선택하면 등장
if($("#job1").val() === "etc") {
$("[name^=job2]").show();
} else {
$("[name^=job2]").hide();
}
})
이렇게 하고 응용해보세요~
감사합니다^^
