how to create a chained js web form ?

graziano1968 · 11-12-2004, 12:38 AM

Hello

I have 2 radio buttons

* CARS
o House

The html code is the following

Code:

<html>
<head>
<title>TEST</title>
</head>
<body>

<form method="POST" action="http://www.post.com">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="4%"><input type="radio" value="car" name="choose" checked></td>
<td width="96%">CAR</td>
</tr>
<tr>
<td width="4%"><input type="radio" value="house" name="choose"></td>
<td width="96%">House</td>
</tr>
</table>


<p><input type="submit" value="CONTINUE" name="B1"></p>
</form>
</body>

</html>

below the 2 radio modules above , I would have a disabled module like this

Code:

 
<select size="1" name="chooselesect"> 
<option value="audi" selected>audi</option>
</select>

When an user select the "Car" radio , a javascript code should activate
this

Code:

 
<p><select size="1" name="chooselesect">
<option value="audi" selected>audi</option>
<option value="mercedes">mercedes</option>
<option value="alfa romeo">alfa romeo</option>
</select></p>

When an user select the "House" radio , a javascript code should instead activate this

Code:

 
<p><select size="1" name="chooseselect">
<option value="audi">rent</option>
<option value="buy">buy</option>
</select></p>

Any way to do that with javascript ?

Thanks a lot
Graziano

Cedrik · 11-12-2004, 03:41 AM

Put the lines to 'activate' on hidden <div> then use a javascript function to make those <div> visible

graziano1968 · 11-12-2004, 03:55 AM

Quote:

Originally posted by Cedrik
Put the lines to 'activate' on hidden <div> then use a javascript function to make those <div> visible

can you give me more details on "Put the lines to 'activate' on hidden <div>" thank you!