javascript - jsp中的动态依赖选择框 HELP pls

标签 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>

我希望品牌选择框取决于类别。 对于 ea.当我选择一个类别时,它会列出所有可用的品牌吗? huhuhuhuhu 请帮助我,请不要了解 jquery-ajax。

如何使用带有 Controller 和 dao 的 jsp 来实现此示例

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

最佳答案

尝试链接中的示例代码 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>

关于javascript - jsp中的动态依赖选择框 HELP pls,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28777653/

相关文章:

javascript - 尝试删除 HTMLElement 的原型(prototype)失败

jquery - 具有 3 列的响应式设计

mysql - 无法在 Windows 中执行 mysql 命令并在 mysql docker 中使用 $MYSQL_ROOT_PASSWORD

javascript - 使用 javascript 或 jQuery 清除 IE 中的选定选项

javascript - 我可以禁用 sweet alert js 按钮吗?

mysql - 在 mysql 中使用 datediff() 优化查询

mysql - 获取数据集中多列不为 NULL 的行数?

javascript - 如何在 JavaScript 中检查/勾选 radio 输入

javascript - jquery 中的 session

javascript - 查找奇偶异常值 Javascript