使用jQuery添加另一個選擇列表

Question

我有一個下拉列表，並且一旦用戶將默認選項value =「」（在Change上）更改爲列表中的其他內容，我希望表單可以追加相同的再次用不同的名稱下拉列表+1或類似的東西，可能會添加無限數量的下拉列表...我打算使用它來動態構建標籤列表。

這是一個類似的腳本，我發現正在與輸入型=「文本」 http://jsfiddle.net/jaredwilli/tZPg4/4/

$(function() { 
    var scntDiv = $('#p_scents'); 
    var i = $('#p_scents p').size() + 1; 

    $('#addScnt').live('click', function() { 
      $('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv); 
      i++; 
      return false; 
    }); 

    $('#remScnt').live('click', function() { 
      if(i > 2) { 
        $(this).parents('p').remove(); 
        i--; 
      } 
      return false; 
    }); 
}); 

    <h2><a href="#" id="addScnt">Add Another Input Box</a></h2> 
    <div id="p_scents"> 
    <p> 
    <label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt" value="" placeholder="Input Value" /></label> 
    </p> 
    </div> 

我想真正瞭解如何做同樣的，除了我想補充一個下拉列表，而不是輸入文字...

任何幫助將不勝感激！ :)

THX

Answer 1

只要改變什麼的添加到選擇列表....

<label for="p_scnts"><select id="p_scnt" name="p_scnt_' + i +'"><option value="">ONE</option><option value="">TWO</option></select></label> 

Updated Fiddle here

Answer 2

嘗試像下面，它會幫助你...

小提琴：http://jsfiddle.net/tZPg4/5136/

HTML：

<div id="divselection"> 
<p> 
<select class="target"> 
    <option value="option1" selected="selected">Option 1</option> 
    <option value="option2">Option 2</option> 
</select> 
</p> 
<div> 

JQuery的：

$(document).on("change", ".target", function(){ 
    $("#divselection").html($("#divselection").html() + "<p><select class='target'>" + $(this).html() + "</select><a href='#' id='remScnt'>Remove</a></p>"); 
});  

$(document).on("click", "#remScnt", function(){ 
    $(this).parents('p').remove(); 
});