I'm new with javascript. I'm trying to load some values in a table with the help of javascript. Here what I have so far, it is just a simple example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<p>
<script type="text/javascript">
function ShowReg(op) {
document.getElementById('fiat').style.display='non e';
document.getElementById('volvo').style.display='no ne';
document.getElementById('ford').style.display='non e';
if (op == 1) {
document.getElementById('fiat').style.display="blo ck";
}
if (op == 2) {
document.getElementById('volvo').style.display="bl ock";
}
if (op == 3) {
document.getElementById('ford').style.display="blo ck";
}
}
</script>
</p>
<p><br>
</p>
<div id="fiat" style="display:none">
price <input type="text" id="price1" value="1000">
color <input type="text" id="color1" value="blue">
</div>
<div id="volvo" style="display:none">
price <input type="text" id="price2" value="2000">
color <input type="text" id="color2" value="white">
</div>
<div id="ford" style="display:none">
price <input type="text" id="price3" value="3000">
color <input type="text" id="color3" value="red">
</div>
<table width="498" border="1">
<tr bordercolor="#000000">
<td width="158"><select name="select" id="select" onchange="ShowReg(this.selectedIndex)">
<option value='0'>select type </option>
<option value="1">fiat </option>
<option value="2">volvo </option>
<option value="3">ford </option>
</select></td>
<td width="134">cell 1</td>
<td width="184">cell 2</td>
</tr>
</table>
<p> </p>
</body>
</html>
I would like that the price is loaded in cell1 and color in cell2 and not anywhere on the page.
Can you give me some hints and tips?
