Question

I’m very new to javascript and I’m trying to make different events occur depending on types of input. I have the following in my html header:

<script type="text/javascript">
    function validateForm(){
    var val=document.getElementsByName("destination");
    if (val == "deprecated"){
      window.location="http://website.com/";
    }
  }
</script>

Then in the body, I have the following:

<select name="destination">
<option value="current_builds">Current Builds</option>
<option value="deprecated">Deprecated Files</option>
<option value="mailing_list">Mailing List</option>
</select><br/>
<input type="button" value="next >" onClick="validateForm()" />

This however doesn’t do anything. It just stays on the same page. I also tried wrapping it inside a form tag by saying:

<form name="my_form" onSubmit="validateForm()">
...
</form>

and then having matching javascript:

var val = document.forms["my_form"]["destination"].value 

But this didn’t work either.

Anyone see what the issue is?
Thanks.

Answer 1

I fixed your function and tested it:

function validateForm(){
    var val=document.getElementsByName("destination");
    var theSelectedOption = val[0].options[val[0].selectedIndex].value;
    if (theSelectedOption == "deprecated"){
      window.location="http://website.com/";
    }
  }