셀렉트 박스에 기타선택시 텍스트박스 노출 문제

셀렉트 박스에 기타선택시 텍스트박스 노출 문제

QA

셀렉트 박스에 기타선택시 텍스트박스 노출 문제

본문

            <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();
        }
    }) 

 

이렇게 하고 응용해보세요~

답변을 작성하시기 전에 로그인 해주세요.
전체 117
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT