Javascript 有没有办法在手机上使用图像触发HTML下拉列表?

Javascript 有没有办法在手机上使用图像触发HTML下拉列表?,javascript,jquery,css,mobile,Javascript,Jquery,Css,Mobile,我试图通过一个图像(标准的三行菜单图像)触发一个HTML下拉列表。手机似乎能很好地处理HTML下拉列表,我更愿意使用本机解决方案,而不是其他任何解决方案。我现在把它作为jquery,当移动站点被拉上时,它会创建下拉列表,但我不希望它看起来像一个下拉列表。不管怎样,你想这么做吗 // Create the dropdown base $("<select id='comboNav' />").appendTo("#combo-holder"); // Create default o

我试图通过一个图像(标准的三行菜单图像)触发一个HTML下拉列表。手机似乎能很好地处理HTML下拉列表,我更愿意使用本机解决方案,而不是其他任何解决方案。我现在把它作为jquery,当移动站点被拉上时,它会创建下拉列表,但我不希望它看起来像一个下拉列表。不管怎样,你想这么做吗

// Create the dropdown base
$("<select id='comboNav' />").appendTo("#combo-holder");

// Create default option "Go to..."
$("<option />", {
    "selected": "selected",
    "value"   : "",
    "text"    : "Navigation"
}).appendTo("#combo-holder select");

// Populate dropdown with menu items
$("#nav a").each(function() {
    var el = $(this);       
    var label = $(this).parent().parent().attr('id');
    var sub = (label == 'nav') ? '' : '- ';

    $("<option />", {
     "value"   : el.attr("href"),
     "text"    :  sub + el.text()
    }).appendTo("#combo-holder select");
});

 $('.select_button1').click(function() {
$('#comboNav').toggle();
  });
//创建下拉列表库
$(“”)。附加到(“#组合持有人”);
//创建默认选项“转到…”
$("", {
“已选定”:“已选定”,
“价值”:“,
“文本”:“导航”
}).appendTo(“#组合持有人选择”);
//用菜单项填充下拉列表
$(“#nav a”)。每个(函数(){
var el=$(本);
var label=$(this.parent().parent().attr('id');
var sub=(标签='nav')?'':'-';
$("", {
“值”:el.attr(“href”),
“文本”:sub+el.text()
}).appendTo(“#组合持有人选择”);
});
$('.选择按钮1')。单击(函数(){
$('#comboNav').toggle();
});
这是HTML

<a href="javascript:void(0);" class="select_button1">Click Me!</a> <div id="combo-holder">
                    <!-- Headline -->
                    <div id="headline">

                    </div>
                    <!-- ENDS headline -->          

                </div>


回答您的问题:是的,我肯定有办法……感谢您对门把手的信任投票。