功能創建/添加另一個選擇（下拉框）

Question

我需要找到一個按鈕點擊一個插入/添加一個<select>（下拉框）。我希望每次點擊按鈕不斷添加新的<select>。

測試了一些javascript/jquery函數，因爲我沒有太多的背景，所以我沒有運氣！

編輯：
對不起只是有點回答了我的問題與其他問題的人遊蕩只是幫助查看這個源代碼。

http://jsbin.com/ufuxuq/

那是相當多我想要的東西，但必須實現該列表中的一些PHP的，所以我不得不用額外的麻煩，但現在一切都很好。

由於

Answer 1

對不起只是有點回答了我的問題有幫助，從其他問題任何人都可以在這裏查看源代碼。

http://jsbin.com/ufuxuq/

那是相當多我想要的東西，但必須實現該列表中的一些PHP的，所以我不得不用額外的麻煩，但現在一切都很好。

感謝

Answer 2

可以創建與$("<select/>");
的append功能的<select>元件（或任何其它元件）可以被用於追加HTML到的項目。

結合它們的產率：

$("#buttonToAddDD").click(function() { 
    var newDD = $("<select/>"); 
    $(newDD).append("<option>New Option 1</option>"); 
    $(newDD).append("<option>New Option 2</option>"); 
    $("#whereYouWantToAddNewDD").append(newDD); 
}); 

<div id="whereYouWantToAddNewDD"></div> 
<input type="button" id="buttonToAddDD" value="Add DD" /> 

Answer 3

動態創建/刪除一個HTML代碼很容易與jQuery如上亞當說明。但是請注意爲用戶提供刪除它們的功能。 最好的辦法是增加一個ID的選擇框，並提供一個跨度/每格上單擊關閉「X」，這要麼能夠完全地移除

$(document).ready(function(){ 
{ 
    $("#close").click({function(){ 

    $("#selectid").remove(); // to remove the select 
    $("#selectid").hide(); //this would hide it but when submitted, the default/selected option shall still be submitted 
    $("#close").remove(); 
    }): 
});