jquery - ontouchstart 在按钮上打开下拉列表

Question

当触摸事件在按钮上启动时，我正在尝试创建一个下拉列表。

这个没有带来选择选项。请问有什么解决办法吗？

function mouseDown(){
var game=[game1,game2];
var html='<select>';
for(i=0;i<game.length;i++)
{
html+='<option>'+game[i]+'</option>';
}
html+='</select>';
$("#button").append(html);
}

Answer 1

最后我设法得到了解决方案。

1. 我将图像作为背景添加到下拉列表中，将其设置 data-role为无，删除边框等。请参阅小提琴中的 css

2. 为了避免从下拉列表中预选文本，我从堆栈溢出的讨论中得到了解决方案，但忘记获取 url，因此无法在此处打印 - 道歉。解决方案是将 selectedIndex 设置为 -1。请参阅小提琴中的功能。从 body 标签调用函数。想法是在每次加载时重置页面，以便不再存在所选值。

3. 为了避免在背景图像上显示文本，我添加了一个 text-intent 到 -9999px，这样文本就不会显示在图像上。我从本网站的另一个讨论中再次得到了这个解决方案。

小提琴

玩得开心，享受你的一天......快乐的学习......

Answer 2

如果game1并且game2不是变量，那么这就是问题所在。

var game=["game1","game2"];  //MISSED the ""

像这样试试

var game = ["game1", "game2"];
var html = $("<select/>");
for (var val in game) {
    $("<option />", {
        value: val,
        text: game[val]
    }).appendTo(html);
}
html.appendTo($('button'));