如何使用jQuery创建单击时弹出的选项列表_Jquery

如何使用jQuery创建单击时弹出的选项列表

jquery

如何使用jQuery创建单击时弹出的选项列表,jquery,Jquery,我搜索了如何使用jQuery创建一个选项列表弹出窗口，该弹出窗口显示在页面中的任意位置（当我们在页面上的任意位置单击时，选项列表会弹出，就像鼠标右键单击弹出菜单一样），如下图所示：最后，我用以下是解决方案： <!DOCTYPE html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></

我搜索了如何使用jQuery创建一个选项列表弹出窗口，该弹出窗口显示在页面中的任意位置（当我们在页面上的任意位置单击时，选项列表会弹出，就像鼠标右键单击弹出菜单一样），如下图所示：

最后，我用以下是解决方案：

<!DOCTYPE html>
<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.contextMenu.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.contextMenu.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.ui.position.js"></script>
</head>
<body class="context-menu-one">

    <script>
            $(function() {
                $.contextMenu({
                    selector: '.context-menu-one', 
                    callback: function(key, options) {
                        var m = "clicked: " + key;
                        window.console && console.log(m) || alert(m); 
                     },
                items: {
                   "Home": {name: "Home", icon: "Home"},
                   "About": {name: "About", icon: "About"},
                   "Contact": {name: "Contact", icon: "Contact"},
                   "quit": {name: "Quit", icon: function(){
                         return 'context-menu-icon context-menu-icon-quit';
                     }}
                }
            });

            $('.context-menu-one').on('click', function(e){
                console.log('clicked', this);
            })    
        });
    </script>
    just right click
</body>
</html>


$（函数（）{
$.contextMenu({
选择器：'.关联菜单一'，
回调：函数（键、选项）{
var m=“单击：”+键；
window.console&&console.log（m）| | alert（m）；
},
项目：{
“主页”：{名称：“主页”，图标：“主页”}，
“关于”：{name:“About”，icon:“About”}，
“联系人”：{姓名：“联系人”，图标：“联系人”}，
“退出”：{name:“退出”，图标：function（）{
返回“上下文菜单图标上下文菜单图标退出”；
}}
}
});
$（'.context menu one'）。在（'click'）上，函数（e）{
log（'clicked'，这是）；
})    
});
右击

你的问题很模糊。我假设您希望动态构建一个组合框，并用预设值填充它，然后将其附加到页面中的某个元素。这里有一种方法

$（'#btn'）。单击（函数（）{
变量组合=$（“”）；
var期权=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
对于（var i=0；i您面临的困难是什么？我是jquery新手，所以我正在搜索有关如何创建此类下拉列表的信息。请阅读：@freedomn-m谢谢您提醒我，但我在stack和其他网站上搜索过，我总是找到与按钮相关的下拉列表，以便获得高质量的答案，请编辑您的问题，以包括您迄今为止尝试过的内容。这样，我们可以知道您在哪一点上遇到了问题。谢谢，这确实有助于我解决其他问题，很抱歉，我的问题问得不清楚，所以我对其进行了编辑。