javascript - 在javascript中对 "responsive"下拉项进行点击事件

Question

我有一个 Maven 项目，并通过 Spark get-call 从数据库获取用户:

    function allUsers(){
        $.ajax({
            dataType: 'json', //to parse string into JSON object
            type: 'GET',
            url: 'webAthen/api/users',
            success: function (data){
                $('.userDropdown').html("");

                for(i=0; i < data.length; i++){
                   $('.userDropdown').append("<option>" + data[i].userName + "</option>");
                }
            }
        });
    }

知道如果我在 Dropbox 中点击这样的用户，我希望该用户的信息就在标签中，例如:

$('.userDropdown').val().click(function(){
        alert($('.userDropdown').val() + " was clicked :-)");

});

我插入了警报以获取带有单击的用户名的警报，但它根本不起作用。如果您需要更多代码，请告诉我!我已经用谷歌搜索并找到了一些具有坚定值(value)观的例子。但我的下拉条目是从数据库动态获取的。

Answer 1

查看您的代码后，我觉得 option 标记是动态创建的。因此新创建的选项/元素不受 Click 监听器绑定(bind)。

$(document).on("click", ".userDropdown > option", function(){
        // Your code...
});

上面的代码首先监听document的onClick事件，然后缩小范围到目标元素。