Question

这是我的boostrap下拉查询。

        <div id="drop">
                    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1"id="mymenu">
                        <%
                            try {
                                ResultSet r = DB.JDBC.getConnection().createStatement().executeQuery("select name from item ");
                                while (r.next()) {
                        %>
                        <li role="presentation" id="menu2" ><a role="menuitem" tabindex="-1" href="#"><%=r.getString("name")%></a></li>

                        <%
                                }
                            } catch (Exception e) {
                                e.printStackTrace();
                            } finally {
                                if (DB.JDBC.getConnection() != null) {
                                    DB.JDBC.getConnection().close();
                                }
                            }
                        %>
                    </ul>

                </div>

它在db中搜索项目名称。现在我想要点击它的价值。我试过一个代码。但没有输出。

    <script >
            $(document).ready(function() {
            $('#drop').change(function(event) {
                var $name =  $('.dropdown-toggle').dropdown();
               alert($name);
            });
        });

    </script>

我也搜索过boostrap描述。但找不到答案请帮助我。

Answer 1

当点击下拉列表中的值时，不清楚您要实现的目标，但假设您正在寻找每次有人点击下拉列表中的项目时都会触发的事件，您可以尝试类似于这样：

$(document).ready(function () {
    $('#mymenu li').click(
    function (clickedItem) {
        alert(clickedItem.currentTarget.innerText); 
        //do other stuff
    });
});

您可以看到此解决方案的演示here

如何在bootstrap下拉列表中设置javascript函数onchange action？

1 个答案: