양식에 추가 html select 입력 필드를 추가하려면 jQuery를 사용하십시오.

Question

여행 웹 사이트의 양식을 만들려고합니다. 내가 갖고 싶은 기능 중 하나는 사용자가 얼마나 많은 어린이들을 여행에 가져갈 지 선택하게하려는 것입니다. 그 다음, 양식에 새 선택 필드를 추가하여 선택한 어린이의 수에 따라 숫자가 달라 지도록합니다.

HTML : 이것은 내가 지금까지 무엇을 가지고

$("select#children").on("change", function() { 
    var number = parseInt($("#children").val()); 
    var newDropLabel = $("#childrenAge").append("<label>Age of children: </label>"); 
    var newDropList = $('<select class="Age"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option></select>'); 
    $("div#childrenAge").append(newDropLabel); 
    for (i = 0; i < number; i++) { 
     $("div#childrenAge").append(newDropList); 
    }; 
}); 

<select id="children"> 
    <option value ="0">0</option> 
    <option value ="1">1</option> 
    <option value ="2">2</option> 
    <option value ="3">3</option> 
    <option value ="4">4</option> 
    <option value ="5">5</option> 
    <option value ="6">6</option> 
    <option value ="7">7</option> 
</select> 
<div id="childrenAge"></div> 

JS를 숫자를 선택한 후,이 새로운 라벨과 하나의 새로운 선택 요소를 생성합니다. 내가 확인한 번호 변수는 정확한 숫자 값 출력을 제공합니다. 왜 그것이 작동하지 않는지 확실하지 않습니다.

각 새 선택 필드에 레이블을 추가하고 싶습니다. 선택한 자식의 양에 따라 매번 증가하는 "Child 1"과 같은 것을 추가하고 싶습니다.

모든 팁이 훌륭합니다.

감사합니다.

이런 식으로