DropDown problemer

Hej eksperter

Jeg har et nedenstående script som jeg skal have lavet lidt om på. Det skal være sådan at når man vælger en "sub index" føre den hen til en bestemt url, alt efter hvilken man vælger i "Sub index". hvordan kommer koden så til at se ud?

Koden ser således ud:

<script language="JavaScript1.5" type="text/javascript">
            var subindexes = new Object();
            subindexes["0"] = new Array(
                "Getting Started",
                "Natural and Artificial Languages",
                "An Average Example",
                "Filehandles",
                "Operators",
                "Control Structures",
                "Regular Expressions",
                "List Processing",
                "What You Don't Know Won't Hurt You (Much)"               
            );
            subindexes["1"] = new Array(
                "Atoms",
                "Molecules",
                "Built-in Data Types"           
            );
            subindexes["2"] = new Array(
                "Terms and List Operators (Leftward)",
                "The Arrow Operator",
                "Autoincrement and Autodecrement"           
            );
               
       
            function loadSubIndex(i) {
                //empty subindex list
                document.getElementById("subindex").length = 0;
               
                //add header:
                addOption("Choose a topic","Choose a topic",document.getElementById("subindex"));
               
                //fill subindexlist with new entries:
                for(var c=0;c<subindexes[i].length;c++) {
                    addOption(subindexes[i][c],c,document.getElementById("subindex"));   
                }//for
           
            }
        </script>
       
       
        The choise in one box decides the content in another
        <form action="select.html" method="get" onsubmit="return false">
        <table border="0" cellpadding="5" cellspacing="0">
            <tr>
                <td>
                    Main index:
                    <select name="mainindex" id="mainindex" onclick="loadSubIndex(this.selectedIndex);">
                        <option>An Overview of Perl</option>
                        <option>Bits and pieces</option>
                        <option>Unary and Binary Operations</option>
                    </select>
                </td>
                <td>
                    Sub index:
                    <select name="subindex" id="subindex" onchange="if(this.selectedIndex>0) alert('You clicked on '+this.options[this.selectedIndex].text)">
                        <option>Please select a categori in main index</option>
                    </select>
                  </td>
            </tr>
        </table>
        </form>