按下javascript,然后弹出一个按钮

时间:2016-11-25 05:25:03

标签: javascript jquery html button

我想在javascript中有一个按钮,然后在点击时弹出一个按钮,我可以调用一个函数。我指的是this。在这里,您可以通过单击按钮看到弹出的下拉菜单。我想要一个按钮。或者这个菜单很好,但我希望将它们作为按钮。知道如何去做吗?

代码是

Html

     iTextSharp.text.Image image = iTextSharp.text.Image.GetInstance(inputImageStream);

的js

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

2 个答案:

答案 0 :(得分:2)

这个怎么样:

&#13;
&#13;
$( "#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');
}
&#13;
<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"/>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

这是对你的小提琴进行的一次小修改,以实现这一点:http://jsfiddle.net/ssschupbach/5UT5q/318/

基本上,使用<button>代替<select><option>,并为这些新按钮添加点击处理程序。