js select question

[bb435]

I am trying to write a simple function to chain selects and stuck.
An example of what I need is if I select Canada from pulldown #2, Province from Pulldown 1 would get set to selected. anyways assistance or
pointing in the right direction would be much appreciated.


// jscript
function getMyProvince() {
var getMyState = document.myform.country.value;
if (getMyState == "Canada") {
var valSelected = document.myform.state.Province.selected;

}

// html
<form name="myform">

<select name="state">
<option value="State" value="State">State</option>
<option value="State2" value="State2">State2</option>
<option value="Province" value="Province">Province</option>
</select>

<br /><br />

<select name="country" onchange="javascript:getMyProvince();">
<option value="USA" value="USA">USA</option>
<option value="Canada" value="Canada">Canada</option>
<option value="China" value="China">China</option>
</select>

</form>

[ghostz00]

This should get you started in the right direction.

<form method="#" action="post">

<select name="state">
<option value="State" value="State">State</option>
<option value="State2" value="State2">State2</option>
<option value="Province" value="Province">Province</option>
</select>

<br /><br />

<select name="country" onchange="javascript:getMyProvince();">
<option value="USA" value="USA">USA</option>
<option value="Canada" value="Canada">Canada</option>
<option value="China" value="China">China</option>
</select>

</form>


<script type="text/javascript">
function getMyProvince(){
if(document.forms[0].elements["country"].value==="Canada"){
document.forms[0].elements["state"].value="Province";
}
}
</script>