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

Question

我想在JavaScript中有一个按钮，然后弹出一个按钮，点击我可以调用一个函数。我指的是this。在这里你可以看到一个下拉菜单，通过点击一个按钮弹出。我想要一个按钮。或者这个菜单很好，但我想让它们成为按钮。任何想法如何去解决这个问题？

的代码是

的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"/> 

的js

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

Answer 1

这是你的小提琴的小改造，完成此：http://jsfiddle.net/ssschupbach/5UT5q/318/

基本上，使用<button>代替<select>和<option>并添加单击处理这些新的按钮。

Answer 2

这个怎么样：

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

 
function doStuff() { 
 
window.open('https://www.youtube.com/watch?v=kfVsfOSbJY0', '_blank'); 
 
}

<link href="http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script 
 
    src="http://code.jquery.com/ui/1.12.0/jquery-ui.min.js" 
 
    integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" 
 
    crossorigin="anonymous"></script> 
 

 
<div id="dialog" title="Basic dialog"> 
 
<input type="button" id="dialogButton" value="wut wut?"/> 
 
</div> 
 
<input type="button" id="target" value="click"/>