javascript中的按钮，然后弹出一个按钮

我想在javascript中有一个按钮，在点击时会弹出一个按钮，我可以调用一个函数。我指的是。在这里，您可以通过单击按钮看到弹出的下拉菜单。我想要一个按钮。或者这个菜单很好，但我想把它们作为按钮。你知道怎么做吗

代码是

Html

那么这个呢：

$（“#对话框”）.hide（）；
$（“#目标”）。单击（函数（）{
$（“#对话框”）.show（）；
$（“#dialog”）.dialog（）；
});
$（“#对话框按钮”）。单击（函数（）{
doStuff（）；
});
函数doStuff（）{
打开窗户https://www.youtube.com/watch?v=kfVsfOSbJY0","空白",；
}

---

这里是对您的小提琴进行的一次小改造，可以实现这一点：

---

基本上，使用

而不是

和

，并向这些新按钮添加单击处理程序。

“或者此菜单很好，但我希望将它们作为按钮。”-因此，用按钮元素替换每个选项元素（并删除select元素）。只替换下拉html元素？

<div id="dialog" title="Basic dialog">
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</div>
<input type="button" id="target" value="click"/>

$( "#dialog" ).hide();
$( "#target" ).click(function() {
  $( "#dialog" ).show();
  $( "#dialog" ).dialog();
});