Changing the content of a table with a drop down menu

[telmessos]

Hi everybody,

I have a table giving information and prices of some products. I want the content in the table cells change when I change the product name from the drop down menu. Does anybody have an example for that?

Thanks
telmessos

[ScoobyDooobyD00]

Cool I just did that like 2 weeks ago!

I attached the file to the script!

[telmessos]

Scooby the code you sent is PHP not javascript I am looking for a javascript code which changes the content of the table cells when you change a drop down thanks

[ScoobyDooobyD00]

I'm sorry, This should work.

I don't know very much javascript so it might be incorrect but here it is.

<script type="text/javascript">
var peoplevar = "<th>Name: </th><th>Age: </th><tr><td>ScoobyDooobyD00</td><td>14</td></tr>";

var numbervar = "<tr><td>1234567890</td></tr>";
function changeContent(id, changer) {
    if(changer == "people") {
        document.getElementById(id).innerHtml = "" + peoplevar + "";
    }else if(changer == "numbers") {
        document.getElementById(id).innerHtml = "" + numbervar + "";
    }
</script>

<select onChange="changeContent('mytable', this.value)">
<option value="people">People</option>
<option value="numbers">Numbers</option>
</select><br />
<table border="1" id="mytable">
<tr>
<td>Choose an option above!</td>
</tr>
</table>