I have a form with 2 drop down menus (list menus) populating from a mysql database.
vdesc_manid (manafacturer)
vdesc_modid (model)
Currently when the user selects the model menu, they get all the models from every manafactuer thats listed in the table. I would like to add some javascript that would filter the model dropdown so that it only displays models by the manafacturer selected from the manafacturer menu previously.
Ive seen lots of examples on the itnernet, but havent had any luck editing them to make them work for me.
Im sure its farily simple to do, but ive burnt out trying to do it.
Heres the html code for my page.
--------------------------
----------
----------
----------
----------
----------
----------
---
<html>
<head>
</head>
<center>
<form method="post" action="newstock_script.ph
p">
<input type="hidden" name="vdesc_id" value="">
<table>
<tr>
<td align="left">Year</td>
<td> <select name="vdesc_year" id="vdesc_year">
<option value="NEW">NEW</option>
<option value="2004/54">2004/54</o
ption>
<option value="2004/04">2004/04</o
ption>
<option value="2004/53">2004/53</o
ption>
<option value="2003/53">2003/53</o
ption>
<option value="2003/03">2003/03</o
ption>
<option value="2003/52">2003/52</o
ption>
<option value="2002/52">2002/52</o
ption>
<option value="2002/02">2002/02</o
ption>
<option value="2002/51">2002/51</o
ption>
<option value="2001/51">2001/51</o
ption>
<option value="2001/Y">2001/Y</opt
ion>
<option value="2000/Y">2000/Y</opt
ion>
<option value="2000/X">2000/X</opt
ion>
</select></td>
</tr>
<tr>
<td width="127" align="left">Manafacturer </td>
<td width="166">
<?
include("db.php");
//populate manafacturer dropdown
$sql_vmod_man="SELECT vman_man FROM vman";
$result_vmod_man=mysql_que
ry($sql_vm
od_man);
$options_vmod_man="";
while ($row_vmod_man=mysql_fetch
_array($re
sult_vmod_
man)) {
$man=$row_vmod_man["vman_m
an"];
$options_vmod_man.="<OPTIO
N VALUE=\"$man\">".$man;
}
//populate model dropdown
$sql_vmod_mod="SELECT vmod_mod FROM vmod";
$result_vmod_mod=mysql_que
ry($sql_vm
od_mod);
$options_vmod_mod="";
while ($row_vmod_mod=mysql_fetch
_array($re
sult_vmod_
mod)) {
$mod=$row_vmod_mod["vmod_m
od"];
$options_vmod_mod.="<OPTIO
N VALUE=\"$mod\">".$mod;
}
//populate ecol dropdown
$sql_ecol_ecol="SELECT ecol_ecol FROM ecol";
$result_ecol_ecol=mysql_qu
ery($sql_e
col_ecol);
$options_ecol_ecol="";
while ($row_ecol_ecol=mysql_fetc
h_array($r
esult_ecol
_ecol)) {
$ecol=$row_ecol_ecol["ecol
_ecol"];
$options_ecol_ecol.="<OPTI
ON VALUE=\"$ecol\">".$ecol;
}
//populate icol dropdown
$sql_icol_icol="SELECT icol_icol FROM icol";
$result_icol_icol=mysql_qu
ery($sql_i
col_icol);
$options_icol_icol="";
while ($row_icol_icol=mysql_fetc
h_array($r
esult_icol
_icol)) {
$icol=$row_icol_icol["icol
_icol"];
$options_icol_icol.="<OPTI
ON VALUE=\"$icol\">".$icol;
}
?>
<SELECT NAME=vdesc_manid>
<OPTION VALUE=0>Choose
<?=$options_vmod_man?>
</SELECT> </td>
</tr>
<tr>
<td align="left">Model</td>
<td> <SELECT NAME=vdesc_modid>
<OPTION VALUE=0>Choose
<?=$options_vmod_mod?>
</SELECT> </td>
</tr>
<tr>
<td align="left">Variant</td>
<td> <input type="text" name="vdesc_variant"></td>
</tr>
<tr>
<td align="left">Transmission<
/td>
<td> <select name="vdesc_trans">
<option value="Auto" selected>auto</option>
<option value="Manual">manual</opt
ion>
</select></td>
</tr>
<tr>
<td align="left">Transmission Spec</td>
<td> <input type="text" name="vdesc_transs"></td>
</tr>
<tr>
<td align="left">Price</td>
<td> <input type="text" name="vdesc_price"></td>
</tr>
<tr>
<td align="left">Exterior Colour</td>
<td> <SELECT NAME=vdesc_ecol>
<OPTION VALUE=0>Choose
<?=$options_ecol_ecol?>
</SELECT> </td>
</tr>
<tr>
<td align="left">Interior Colour</td>
<td> <SELECT NAME=vdesc_icol>
<OPTION VALUE=0>Choose
<?=$options_icol_icol?>
</SELECT> </td>
</tr>
<tr>
<td align="left"> </td>
<td> </td>
</tr>
<tr>
<td align="left">Wheels</td>
<td> <input type="text" name="vdesc_wheels"></td>
</tr>
<tr>
<td align="left">Option 1</td>
<td> <input type="text" name="vdesc_opt1"></td>
</tr>
<tr>
<td align="left">Option 2</td>
<td> <input type="text" name="vdesc_opt2"></td>
</tr>
<tr>
<td align="left">Option 3</td>
<td> <input type="text" name="vdesc_opt3"></td>
</tr>
<tr>
<td align="left">Option 4</td>
<td> <input type="text" name="vdesc_opt4"></td>
</tr>
<tr>
<td align="left">Option 5</td>
<td> <input type="text" name="vdesc_opt5"></td>
</tr>
<tr>
<td align="left">Option 6</td>
<td> <input type="text" name="vdesc_opt6"></td>
</tr>
<tr>
<td align="left">Option 7</td>
<td> <input type="text" name="vdesc_opt7"></td>
</tr>
<tr>
<td align="left">Option 8</td>
<td> <input type="text" name="vdesc_opt8"></td>
</tr>
<tr>
<td align="left">Option 9</td>
<td> <input type="text" name="vdesc_opt9"></td>
</tr>
<tr>
<td align="left">Option 10</td>
<td> <input type="text" name="vdesc_opt10"></td>
</tr>
<tr>
<td align="left">Option 11</td>
<td> <input type="text" name="vdesc_opt11"></td>
</tr>
<tr>
<td align="left">Millage</td>
<td><input type="text" name="vdesc_miles"></td>
</tr>
<tr></tr>
<td colspan="2"> </td>
</tr>
<tr>
<td align="left"> </td>
<td>
<p align="center">
<input type="submit" value="Enter record">
</td>
</tr>
</table>
</form>
</center>
</html>
Start Free Trial