my HTML/JS code

<html>
<head>
<title>JS</title>
<script language="Javascript">
    function cap()
    {
        var n,cap;
        n=document.form1.state.selectedIndex;
        switch(n)
        {
            case 0:
            cap="Thiruvananthapuram";
            break;
            case 1:
            cap="Bengaluru";
            break;
            case 2:
            cap="Chennai";
            break;
            case 3:
            cap="Mumbai";
            break;
    }
    document.form1.cap.value=cap;
}
    </script>
    </head>
    <body>
        <form name="form1">
            State <select name="state">
                <option>Kerala</option>
                <option>Karanataka</option>
                <option>Tamilnadu</option>
                <option>Maharashtra</option>
                </select>
                <br>
                Capital <input type="text" name="cap" value=" ">
                <br>
                <input type="button" value="show" onClick="cap()">
                </form>
                </body>
                </html>