dynamic form

nikko50 · 11-10-2004, 09:40 PM

Hi all.
I have a form with 3 radio buttons. Each option should give you a different text box. Like if i select the Dodge radio button a select box will appear with options. If the user selects Ford a different select box will appear. How can I go about this ?? Please help.
Thanks
Tracy

hemebond · 11-10-2004, 09:56 PM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
	<head>
		<title>47312</title>
		<style type="text/css">
			dt,dd	{
				float:left;
			}
			dt	{
				clear:left;
			}
		</style>
	</head>
	<body>
		<form>
			<fieldset>
				<dl>
					<dt><label for="radio1">Radio 1</label></dt>
					<dd><input id="radio1" name="radio" type="radio" checked="checked"></dd>
					<dd>
						<select>
							<option>Option 1</option>
							<option>Option 2</option>
							<option>Option 3</option>
						</select>
					</dd>

					<dt><label for="radio2">Radio 2</label></dt>
					<dd><input id="radio2" name="radio" type="radio"></dd>
					<dd>
						<select>
							<option>Option 1</option>
							<option>Option 2</option>
							<option>Option 3</option>
						</select>
					</dd>
				</dl>
			</fieldset>
		</form>
	</body>
</html>

nikko50 · 11-11-2004, 01:57 AM

Hi there.
Instead of radio buttons how about one select list. Choosing one of 3 options should produce a text field or another drop list right next to the original drop list.

JVRudnick · 11-18-2004, 01:23 PM

nevermind...got it!
Jim