Heojju

[jQuery] 다중 select 본문

웹개발/jQuery

[jQuery] 다중 select

우주별 2017. 2. 9. 11:47
<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>



'웹개발 > jQuery' 카테고리의 다른 글

[jQuery] parent of the iframe element selector  (0) 2017.11.24
[jQuery] draggable - div 드래그  (0) 2017.08.23
[jQuery] click에 따른 마우스 휠 on off  (0) 2017.02.07
[jQuery] click event scroll  (0) 2017.02.06
[jQuery] resize() - 브라우저 크기 변환시 호출  (0) 2017.01.25
'웹개발/jQuery' Related Articles more