메뉴 건너뛰기

2021.03.31 13:20

다중 select

조회 수 351 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
body>
    <select id="first">
        <option value="">선택</option>
        <option value="a">a</option>
        <option value="b">b</option>
    </select>
    <select id="second" disabled>
        <option value="">선택</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <select id="third" disabled>
        <option value="">선택</option>
        <option value="ㄱ"></option>
        <option value="ㄴ"></option>
    </select>
</body>
<script>
$("#first").change(function(){
    if(this.value!=""){
        $("#second").removeAttr("disabled");
    }else{
        $("#second").attr("disabled", "disabled");
        $("#third").attr("disabled", "disabled");
    }
});
$("#second").change(function(){
    if(this.value!=""){
        $("#third").removeAttr("disabled");
    }else{
        $("#third").attr("disabled", "disabled");
    }
});
</script>

 

 


하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved