jquery - 基於下拉值添加動態表單

Question

我試圖根據下拉值創建表單。 我跟着這個教程

here

但它並沒有爲我工作。

任何幫助，將不勝感激

JQ例如

$("#selectBox").change(function() { 
    var htmlString = ""; 
    var len = $("options:selected", this).val(); 
    for (var i = 0; i < len; i++) { 
    htmlString += "<input type='text' class='email'>"; 
    htmlString += "<input type='text' class='name'>"; 
    } 
    $("#outputArea").html(htmlString); 
} 

Answer 1

試試這個，

Demo

<select id="selectBox" > 

    <option value=1>one</option> 
    <option value=2>two</option> 
    <option value=3>three</option> 
    <option value=4>four</option> 
    <option value=5>five</option> 
    <option value=6>six</option> 


</select> 
<div id="outputArea"></div> 

的Jquery：

$("#selectBox").change(function() { 
    var htmlString = ""; 
    var len = $(this).val(); 
    for (var i = 0; i < len; i++) { 
    htmlString += "<input type='text' class='email'>"; 
    htmlString += "<input type='text' class='name'>"; 
    } 

    $("#outputArea").html(htmlString); 
}) 

我希望這能幫到你。