如何将 javascript 函数设置为引导下拉列表中的 onchange 操作？

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>

它在数据库中搜索项目名称。现在，即使单击它的值，我也想做。我尝试了一个代码。但是没有输出。

    <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

如何将 javascript 函数设置为引导下拉列表中的 onchange 操作？

How to set a javascript function to onchange action in boostrap dropdown?

javascript

jquery

twitter-bootstrap

drop-down-menu