2단 셀렉트 저장시 문제 입니다.

<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;

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

        } 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>