Trier la liste déroulante

Je suis en train de trier un dropdownlist (sélecteur) en html.

J'ai deux listes, une pré-sélection qui devrait être utilisé pour définir le contenu de la secont liste.

Un court échantillon de code:

<!doctype html>
<html class="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<table width=100% border="0">
<tr>
<td>&nbsp;</td>
<td>Product</td>
<td><select name="product" id="product" width="300" style="width: 300px">
<option></option>
<option id="TLX">TLX</option>
<option id="FLX">FLX</option>
<option id="MLX">MLX</option>
</select></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>Power</td>
<td><select name="power" id="power" width="300" style="width: 300px">
<option></option>
<option name="TLX">6</option>
<option name="TLX">8</option>
<option name="TLX">10</option>
<option name="TLX">12</option>
<option name="TLX">15</option>
<option name="FLX">6</option>
<option name="FLX">8</option>
<option name="FLX">10</option>
<option name="FLX">12</option>
<option name="FLX">15</option>
<option name="FLX">17</option>
<option name="MLX">30</option>
<option name="MLX">40</option>
<option name="MLX">60</option>
</select></td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

Je veux b en mesure de choisir le produit et la puissance liste sortet en conséquence.

Par exemple, si TLX est choisie puis les 6, 8, 10, 12, et 15 sont présentés comme des possibilités dans la deuxième liste.

  • Juste régénérer la liste avec les valeurs que vous avez besoin quand product changements.
InformationsquelleAutor abbisDK | 2013-08-20