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