How Do I Populate a Hidden Input Field?

[jeanpaul1979]

Hi, here's the code that I've written that doesn't work, please have a look at it because it'll help you understand what I want to do...

<script language="JavaScript" type="text/javascript">
//function that should populate the hidden field
function popGender(val) {
  switch (val) {
    case '16130':
    case '16132':
    case '16133':
      gender = 3143; //female
      break;
    case '16131':
      gender = 3142; //male
      break;
  }
  document.ghm_form.q434.value = gender;
}
</script>

<!-- Title - this field is supposed to use it's data to populate the gender field below -->
<select name="q1004" onchange="popGender(this.value)">
<option value="">--Select One--
<option value="16130">Miss
<option value="16131">Mr.
<option value="16132">Mrs.
<option value="16133">Ms.
</select>

<!-- Gender (should be populated when title is selected) -->
<input type="hidden" name="q434" value="">

Does somebody know an alternative way to do this that does work, and that works across all browsers?

[blain]

if you give it an id, then you could use

document.getElementById(id).value = gender;

[AutisticCuckoo]

You should also make sure gender is a string value, not a number, since input field values are strings.

function popGender(val) {
  switch (val) {
    case '16130':
    case '16132':
    case '16133':
      gender = "3143"; //female
      break;
    case '16131':
      gender = "3142"; //male
      break;
  }
  document.getElementById("q434").value = gender;
}

<input type="hidden" name="q434" id="q434" value="">

[jeanpaul1979]

Thanks, I'll have a look at that.