테스트 사이트 - 개발 중인 베타 버전입니다

2단 셀렉트 저장시 문제 입니다. 채택완료

덜덜렁이 6년 전 조회 2,261

                                                                                    

 

여분필드로 2차 카테고리를 만들려고 합니다. 위 소스 대로 하면 두번째 셀렉트가 보이는건 1개이지만 실제론

10개가 만들어지고 저장이 제대로 안되서 나오네요.

1단에서 선택한 부분만 2차로 뿌려지는 방법이 있을까요...

아... 전 웹디자이너인데 이런거 만들고 있으려니 숨이 막히네요 ㅠㅠ

도움 부탁드립니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트

소스는 혹시 직접 짜신건가요??

불필요한 구문이 너무 많아서요..

 

</p>

<p><script type="text/javascript">

    var listText = new Array();

    var listValue = new Array();

    listText[0] = new Array('옵션1-1','옵션1-2','옵션1-3'); // 각 option의 text

    listValue[0] = new Array('op1-1','op1-2','op1-3'); // 각 option의 value

    listText[1] = new Array('옵션2-1','옵션2-2','옵션2-3');

    listValue[1] = new Array('op2-1','op2-2','op2-3');

    listText[2] = new Array('옵션3-1','옵션3-2','옵션3-3');

    listValue[2] = new Array('op3-1','op3-2','op3-3');

    function getList(sel_id) {

        var sel = document.getElementsByName('selName');

        var sel_id = sel_id - 1;</p>

<p>        if(sel_id>=0) {

            sel[1].options.length = listText[sel_id].length;

            for(i=0;i<listText[sel_id].length;i++){

                sel[1].options[i] = new Option(listText[sel_id][i], listValue[sel_id][i]);

            }</p>

<p>        } else {

            sel[1].options.length = 1;

            sel[1].options[0].text = "------";

            sel[1].options[0].value = 0;

        }

    }

</script>

<select name="selName" onchange="getList(this.selectedIndex)">

    <option>선택</option>

    <option value="op1">옵션1</option>

    <option value="op2">옵션2</option>

    <option value="op3">옵션3</option>

</select>

<select name="selName">

    <option>------</option>

</select></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

덜덜렁이

감사합니다.. 

감히 웹디자이너가 소스만지려고 한게 실수엿던거 같애요... 

그냥 외주 주려고합니다 ㅠㅠ

도움 주셔서 감사합니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

toqurk
6년 전

ajax 나 @애드프로 님 말씀처럼 배열을 이용하시는 편이 나으실것으로 보여집니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인