Try this script. It will hide/show table rows based on a selection. you can put whatever you want in the tbody areas.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Show/Hide</title>
<script type="text/javascript">
// <![CDATA[
function display(obj,id1 ,id2) {
txt = obj.options[obj.selectedInd ex].value;
document.getEle mentById(id1).s tyle.display = 'none';
document.getEle mentById(id2).s tyle.display = 'none';
if ( txt.match(id1) ) {
document.getEle mentById(id1).s tyle.display = 'block';
}
if ( txt.match(id2) ) {
document.getEle mentById(id2).s tyle.display = 'block';
}
}
// ]]>
</script>
</head>
<body>
<table width="340" cellspacing="0" cellpadding="2" >
<thead>
<tr>
<td class="title">T ype:</td>
<td class="field">
<select name="type" onchange="displ ay(this,'text', 'image');">
<option>Pleas e select:</option>
<option value="image">I mage</option>
<option value="text">Te xts</option>
<option value="invisibl e">Invisible </option>
</select>
</td>
</tr>
</thead>
<tfoot>
<tr>
<td class="align-center" colspan="2"><in put type="submit" name="submit" value="Update" /> <input type="reset" value="Reset" /></td>
</tr>
</tfoot>
<tbody id="text" style="display: none;">
<tr>
<td class="title">T ext Color:</td>
<td class="field">< input type="text" name="color" size="8" maxlength="7" /></td>
</tr>
</tbody>
<tbody id="image" style="display: none;">
<tr>
<td class="title">I mage:</td>
<td class="field">< input type="file" name="image" size="10" /></td>
</tr>
<tr>
<td class="title">X Coordinates:</td>
<td class="field">< input type="text" name="x_coordin ates" size="5" /></td>
</tr>
<tr>
<td class="title">Y Coordinates:</td>
<td class="field">< input type="text" name="y_coordin ates" size="5" /></td>
</tr>
<tr>
<td class="title">T ext Color:</td>
<td class="field">< input type="text" name="color" size="8" maxlength="7" /></td>
</tr>
</tbody>
<tbody>
<tr>
<td class="title">D isplay:</td>
<td class="field">
<select name="display">
<option value="visitors ">Visitors</option>
<option value="hits">Hi ts</option>
</select>
</td>
</tr>
</tbody>
</table>
</body>
</html>
