我的jsp中有2个选择框
<tr><td>Category</td>
<td><select name="category">
<c:forEach var="c" items="${cList}">
<option value="${c.cname}"}>${c.cname}</option>
</c:forEach></td>
</select></tr>
<tr><td>Brand</td>
<td><select name="brand">
<c:forEach var="b" items="${bList}">
<option value="${b.bname}"}>${b.bname}</option>
</c:forEach></td>
</select></tr>
<script type="text/javascript">
$(document).ready(function(){
$("select[name=category]").on("change", function(){
$("select[name=brand] option")
.hide().removeAttr("selected")
.parent().find("option[value^="+ $(this).val() +"]").show()
.first().prop("selected",true);
});
});
</script>
我希望BRAND选择框取决于类别。 对于ea。当我选择一个类别时,它会列出所有可用的品牌? huhuhuhuhu帮助我不了解jquery-ajax。
如何使用jsp with controllers和dao
实现此示例答案 0 :(得分:1)
尝试链接中的示例代码 demo此示例适用于
<h3>AJAX in Servlet using JQuery and JSON</h3>
Select Favorite Sports:
<select id="sports">
<option>Select Sports</option>
<option value="Football">Football</option>
<option value="Cricket">Cricket</option>
</select>
<br /> <br />
Select Favorite Player:
<select id="player">
<option>Select Player</option>
</select>