在弹出窗口内下拉列表（按下按钮时弹出）

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

我目前有一个窗体弹出窗口，但我想将这个窗体变成一个下拉列表。请参阅本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>

来源

2014-07-25 user3875711

您好，欢迎堆栈溢出。为了帮助您，我们需要查看您尝试过的代码（即使它已损坏或仅在psuedocode中），并且您需要告诉我们您希望它完成后的样子。 –

哪里有代码 – budamivardi

我根据你寻找解决问题创造了JSFiddle。这里是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(); 
});

来源

2014-07-25 06:39:57 Saddamhussain

您正在使用提示这是默认为输入所有browser。

如果您希望弹出选择下拉菜单，您必须创建自定义弹出窗口。

这里是DEMO使用BootStrap model。

来源

2014-07-25 06:51:55 Manwal

谢谢！这是我正在寻找的。我需要包含任何东西吗？当我在浏览器的HTML文件上运行它时，它不起作用。 – user3875711

你必须添加bootstrap库 –

当Dropbox的变化事件触发捉所选的项目，做你的工作或只使用this

<div id="dialog" title="Basic dialog"> <p id="dropdownselectitem"> </p> </div> <select id="dd"> <option value="Select Cars...">Select Cars...</option> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> 

$("#dialog").hide(); 
$("#dd").change(function() { 
$('#dropdownselectitem').html($('#dd').val()); 
     $("#dialog").show(); 
    $("#dialog").dialog(); 
});

来源

2017-02-11 20:34:23 volkan

在弹出窗口内下拉列表（按下按钮时弹出）

回答

相关问题