jQuery的下拉组
问题描述:
我有选择(下拉)盒一个问题...jQuery的下拉组
问题是我有一组下拉菜单,并具有一组的下拉列表中的每一个下拉..
虽然改变下拉那么所有的孩子的下拉列表中被改变的值选择
请帮我
具有下列代码下拉框
当父下拉变化那么所有的孩子下拉菜单将通过更改值选择
<table>
<tr>
<th>Parent DropDown</th>
<th colspan="3">Child Dropdowns</th>
</tr>
<tr>
<td>
<select name="class_1" id="class_1">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
<td>
<select name="subClass_1" class="select_1">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
<td>
<select name="subClass_2" class="select_1">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
<td>
<select name="subClass_3" class="select_1">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="class_2" id="class_2">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
<td>
<select name="subClass_1" class="select_2">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
<td>
<select name="subClass_2" class="select_2">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
<td>
<select name="subClass_3" class="select_2">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="class_3" id="class_3">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
<td>
<select name="subClass_1" class="select_3">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
<td>
<select name="subClass_2" class="select_3">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
<td>
<select name="subClass_3" class="select_3">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</td>
</tr>
</table>
答
据我了解它的下拉列表之间的父子关系。当父母下拉列表的值发生变化时,子代下拉列表中的值也应该改变。
这些情况经常出现在国家,州,市选择。
如果是这种情况,那么你需要处理onchange事件的下拉菜单。
$(element).change(function(){
//coding for the same..................
});
_“请帮助我”_ - 您需要帮助我们来帮助您。更清楚地解释所需的行为是什么,并**显示您的代码。** – nnnnnn 2013-02-15 09:50:42
@nnnnnn我只是通过放置html代码更新我的问题.... – 2013-02-15 10:29:54