在弹出窗口内下拉列表（按下按钮时出现） [英] Drop down list inside a pop up window (comes up when button is pressed)

问题描述

目前我正在尝试创建一个按钮，该按钮会创建一个弹出框，该弹出框又具有一个下拉列表，如此处。但是，我很难弄清楚如何在弹出窗口中放置下拉列表。谁能帮忙？

我现在有一个带窗体的弹出窗口，但我想将此窗体更改为一个下拉列表。请参阅 jsfiddle

 < p>您是否有协议或冲突？< / p> 
< button onclick =myFunction（）>试试< / button> 
 
< p id =demo>< / p> 
 
< script> 
函数myFunction（）{
 var person = prompt（请输入您的姓名，）; 
 
} 
< / script> 
  

解决方案

我创建了 JSFiddle 根据您寻找解决方案的问题。这里是 JSFiddle DEMO 。

HTML：

 < div id =dialogtitle =基本对话框> 
< select> 
< option value =volvo>沃尔沃< / option> 
< option value =saab> Saab< / option> 
< option value =mercedes> Mercedes< / option> 
< option value =audi> Audi< / option> 
< / select> 
< / div> 
< input type =buttonid =targetvalue =click/> 
  

Javascript：

  $（#dialog）.hide（）; 
 $（#target）.click（function（）{
 $（#dialog）.show（）; 
 $（#dialog）.dialog（）; 
}）; 
  

Currently I'm trying to create a button which creates a popup box which in turn has a drop down list, like in here. However, I'm having trouble figuring out how to put the drop down list inside the pop up window. Can anyone help?

I currently have a pop up window with a form, but I want to change this form into a drop down list. refer this jsfiddle

<p>Do you have an agreement or a conflict?</p>
<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var person = prompt("Please enter your name", "");

}
</script>

解决方案

I created the JSFiddle according to the question your looking for solution. Here is the JSFiddle DEMO .

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

Javascript:

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

这篇关于在弹出窗口内下拉列表（按下按钮时出现）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！