Dynamically assign table VALUE using SELECT

[phub11]

Hi all,

I've not had much luck getting any responses from my previous posts, but managed to figure stuff out. Now I'm really stuck! Any help at all would be great....

I'd like to use a SELECT dropdown, and pass the value selected to the VALUE attribute of a table on the same page. The following is code which doesn't work!!!

[HTML]<script type="text/javascript">
function updateValue() {
document.getElementById('RETURN).value = document.getElementById('selectField').value;
}
</script>
[/HTML]-------------
[HTML]<select name="conditions_list" id="selectField" onChange="updateValue();">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
[/HTML]--------------
[HTML]<span class="style1"><span class="style5">
<span style="color: rgb(255, 0, 0);">BOX1</span><input
name="box1[]" value="RETURN" type="checkbox">
</span></span><br>
[/HTML]
Thanks!!!

[acoder]

document.getElementById() expects an id. You're trying to use a value instead. You've also forgotten the end quote after RETURN.

[phub11]

Thanks for the reply!

Being a total JS newbie, I tried using:

id="RETURN" in the table, and passed it to a PHP script, which reports the value as "on", not the selected value.

I also tried using document.getElementByValue... which didn't work.

Sorry about being so naive, but I've still no idea.

[acoder]

passed it to a PHP script, which reports the value as "on", not the selected value.

I also tried using document.getElementByValue... which didn't work.

Only the checked checkboxes are passed to the PHP script. To get the values, loop over the array. document.getElementByValue doesn't exist.

[phub11]

Thanks again for the reply!

I'm a bit confused, as when this a a static table, if I select multiple cells with the same box type (i..e, box1 from random cells), but having different VALUE statements, this works fine when I print the box1 array in PHP.

I've changed this using scriptaculous to a dynamic drag-and-drop routine, so that a single template is shown above the table. This is cloned as the template is dropped into a desired cell, but I want to change the VALUE to whatever is chosen in SELECT.

I figure the above would equate to the static table I've described at the beginning (but allowing one to change VALUE). I might be going about this wrong, so could you give me a few pointers of how to do this?

Thanks!

[acoder]

Did you add id="RETURN" to the checkbox like this:
[html]<input name="box1[]" id="RETURN" value="RETURN" type="checkbox">[/html]Remember that it also has to be checked. I assume it's checked and you're only changing the value.