jsp帮助中的动态相关选择框

时间:2015-02-28 03:07:57

标签: javascript jquery mysql ajax jsp

我需要一些关于如何在我的jsp中使用jquery ajax的帮助,网上有很多例子,但它基于php,有些没有sql涉及。

我的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

实现此示例

http://demo.coffeecupweb.com/dddd/

1 个答案:

答案 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>