Change filed without refreshing page 1

[JamesManke]

What I want to do is have it so when you select a color in the form, it automatically changes the field "color_change" without refreshing the page.
Here is the code if you would like to alter it and post back.
Thanks


<table>
<tr>
<td name="color_change" id="color_change">Show Color Name Here</td>
</tr>
<tr>
<td>
<select name="colors" onmousedown="???">
<option value="Red">Red</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
</select>
</td>
</tr>
</table>

 

[kaht]

not sure if you wanted to change the actual color or the text of the table item, so this will do both:

<script language=javascript>
function changeColor(newColor) {
   document.getElementById("color_change").innerHTML = newColor;
   document.getElementById("color_change").style.backgroundColor = newColor;
   
}
</script>
<table>
<tr>
<td name="color_change" id="color_change">Show Color Name Here</td>
</tr>
<tr>
<td>
<select name="colors" onchange='changeColor(this.value)'>
<option value="Red">Red</option>
<option value="Green">Green</option>
<option value="Blue">Blue</option>
</select>
</td>
</tr>
</table>

-kaht

Do the chickens have large talons?

 

[JamesManke]

Thanks very much, quick response!

 

[kaht]

No problem

-kaht

Do the chickens have large talons?