在彈出窗口內下拉列表（按下按鈕時彈出）

當前我正在嘗試創建一個按鈕，該按鈕會創建一個彈出框，該彈出框又具有一個下拉列表，如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

在彈出窗口內下拉列表（按下按鈕時彈出）

回答

相關問題