Home/ Questions/Q 1057397
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T17:51:42+00:00

Ok here’s the deal, I’m trying to have a switch statement redirect to another

  • 0

Ok here’s the deal, I’m trying to have a switch statement redirect to another page depending on what option is selected in a select box. Below is a sample i’m working with and trying to figure out, any help at all would be greatly apreciated.

    <html>
<body>
<form name="form1">
<select name="select1">
<option value="p1">p1</option>
<option value="p2">p2</optino>
</select>
</form>


<script type="text/javascript">
<!--
var sel = document.form1.select1;
var txt = sel.options[sel.selectedIndex].text;
var opt = sel.options[sel.selectedIndex].value;

switch (sel)
{
  case 'p1': window.location = 'http://www.yahoo.com'
            break;
  case 'p2': window.location = 'http://www.google..com'
            break;
}



</script>

<p>Set the variable to different value and then try...</p>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    1. You need to bind an event handler
    2. Your switch was using the wrong value

    See http://www.jsfiddle.net/vDFpZ/

    <html>
<body>
<form name="form1">
<select name="select1">
<option value="p1">p1</option>
<option value="p2">p2</option>
</select>
</form>


<script type="text/javascript">
    window.onload = function () {
        document.getElementsByName("select1")[0].onchange = function () {
            var sel = this.options[this.selectedIndex];
            var text = sel.text;
            var val = sel.value;

            switch (val)
            {
              case 'p1': window.location = 'http://www.yahoo.com'
                        break;
              case 'p2': window.location = 'http://www.google..com'
                        break;
            }
        }
    }
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>​
    • 0