셀렉트값에 따라 변하는 2단 셀렉트박스 > 그누보드5 팁자료실

그누보드5 팁자료실

셀렉트값에 따라 변하는 2단 셀렉트박스 정보

셀렉트값에 따라 변하는 2단 셀렉트박스

본문

 

<ul>
    <li>
        <select name="BDIV" id="ctg" class="sel_cate" onchange="fnCngList(this.value);">
            <option value="">대분류</option>
            <option value="B1">분류1</option>
            <option value="B2">분류2</option>
            <option value="B3">분류3</option>
        </select>
    </li>
    <li>
        <select name="SDIV" id="ctg_nm" class="sel_list">
            <option value="">소분류</option>
        </select>
    </li>
</ul>


function fnCngList(sVal){
    var f = document.form1;
    var opt = $("#ctg_nm option").length;
 
    if(sVal == "") {
        num = new Array("소분류");
        vnum = new Array("");
    }else if(sVal == "B1") {
        num = new Array("분류1-1","분류1-2","분류1-3");
        vnum = new Array("1-1","1-2","1-3");
    }else if(sVal == "B2") {
        num = new Array("분류2-1","분류2-2","분류2-3");
        vnum = new Array("2-1","2-2","2-3");
    }else if(sVal == "B3") {
        num = new Array("분류3-1","분류3-2","분류3-3");
        vnum = new Array("3-1","3-2","3-3");
    }
 
    for(var i=0; i<opt; i++) {
        f.SDIV.options[0] = null;
    }
 
    for(k=0;k < num.length;k++) {
        f.SDIV.options[k] = new Option(num[k],vnum[k]);
    }
}
 

 

 

///해당 자바스크립트에서 값에 맞게 수정할수있습니다

추천
3

댓글 6개

전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

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