Knopf in Javascript, der wiederum einen Knopf knallt

Question

Ich möchte eine Schaltfläche in Javascript haben, die wiederum eine Schaltfläche beim Klicken auf, die ich eine Funktion aufrufen. Ich beziehe mich auf this. In diesem können Sie ein Dropdown-Menü sehen, indem Sie auf eine Schaltfläche klicken. Ich möchte stattdessen eine Schaltfläche. Oder dieses Menü ist in Ordnung, aber ich möchte sie als Schaltflächen haben. Irgendeine Idee, wie man das macht?

Der Code ist

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

Hier ist eine kleine Überarbeitung Ihrer Geige, die dies erreicht: http://jsfiddle.net/ssschupbach/5UT5q/318/

Grundsätzlich verwenden <button> statt <select> und <option> und klicken Handler auf diese neuen Schaltflächen hinzufügen.

Answer 2

Was dazu:

$("#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"/>