[jQuery] Form manipulation - Advanced
I'm new to jquery but I have no idea how to do this. Any help would be
greatly appreciated and would lead down the correct path. Thank you in
advance.
There's 2 sections in my form.
1) Vehicle Makes
Basically, I want the user to be able to enter their make if it's not
in the list. Once the user enters their make I would like it displayed
right under the list. ( would be great if user can delete the make
they just entered )
2) Vehicle Features
Basically, I want the user to be able to enter a feature if it's not
in the list. The entered feature should display at the end of the
list. User can enter many features. ( would be great if user can
delete the feature they just entered )
Here's the form:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Test</title>
</head>
<body>
Section 1)
<table width="100%" border="0">
<tr>
<td>Make</td>
<td>Enter your make ( if not in the list ) </td>
</tr>
<tr>
<td width="22%"><input name="make" type="radio" value="Honda">
Honda</td>
<td width="58%"><input type="text" name="textfield">
<input type="submit" name="Submit" value="Submit"></td>
</tr>
<tr>
<td><input name="make" type="radio" value="Toyota">
Toyota</td>
<td> </td>
</tr>
<tr>
<td><input name="make" type="radio" value="Mazda">
Mazda</td>
<td> </td>
</tr>
</table>
Section 2)
<table width="100%" border="0">
<tr>
<td>Select features that apply to your vehicle. </td>
<td>Enter another ( if not in the list ) </td>
</tr>
<tr>
<td width="22%"><input name="feature" type="checkbox" id="feature"
value="ac">
A/C</td>
<td width="58%"><input type="text" name="textfield2">
<input type="submit" name="Submit2" value="Submit"></td>
</tr>
<tr>
<td><input name="feature" type="checkbox" id="feature"
value="auto">
Automatic</td>
<td> </td>
</tr>
<tr>
<td><input name="feature" type="checkbox" id="feature" value="pw">
Power Windows </td>
<td> </td>
</tr>
</table>
</body>
</html>