Динамически создавайте объект JSON через Jquery

Question

Я хочу получить данные в этой форме сериализации. Я смотрю на многие примеры, но они не работают должным образом.Мой код здесь -

<select class="awe-select" name="rooms" id="rooms">                                         
    <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>
 </select>
<button class="awe-btn-default submit" type="submit">BOOK </button>

   <script type="text/javascript">
$(document).ready(function() {
    $("#rooms").change(function() {
        var selVal = $(this).val();
        $("#textboxDiv").html('');
        if(selVal > 0) {
            for(var i = 1; i<= selVal; i++) {
                $("#textboxDiv").append("<div class='check_availability_group'><span class='label-group'>ROOM </span><div class='check_availability-field_group'><div class='check_availability-field'><label>Adult</label><select name='adult' id='adult' class='form-control activeInput' required><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></select></div><div class='check_availability-field'><label>Children</label><select class='form-control activeInput' id='children' name='children' required><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></select></div></div></div>");
            }
        }
    });
});
</script>

json код здесь -

<script>
$(document).ready(function() {
    $(".submit").click(function() {
    var array = [];
$("select[class=activeInput]").each(function() {
    array.push({
        adult: $(this).val(),
        children: $(this).val()
    });
});
});
});
// then to get the JSON string
var jsonString = JSON.stringify(array);
console.log(jsonString)
}
</script>

Я хочу данные о взрослых и детях в соответствии с номером в этом формате, например: *

 "rooms": [
           {                       
          "children": 0,
           "adults": 1
           },
           {
            "children": 1,
             "adults": 2,                       
            }
         ]

Answer 1

Пожалуйста, найдите ссылку ниже: https://jsfiddle.net/ulric_469/5986mpxd/31/

<select class="awe-select" name="rooms" id="rooms">                                         
    <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>
 </select>
 <div class= "temp" id ="textboxDiv">

 </div>
 <button class="awe-btn-default submit" type="submit">BOOK </button>

JS:

$(document).ready(function() {
    $("#rooms").change(function() {
        var selVal = $(this).val();
        $("#textboxDiv").html("");
        if(selVal > 0) {
            for(var i = 1; i<= selVal; i++) {
                $("#textboxDiv").append("<div class='check_availability_group'><span class='label-group'>ROOM </span><div class='check_availability-field_group'><div class='check_availability-field'><label>Adult</label><select name='adult' id='adult' class='form-control activeInput' required><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></select></div><div class='check_availability-field'><label>Children</label><select class='form-control activeInput' id='children' name='children' required><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></select></div></div></div>");
            }
        }
    });

    $(".submit").click(function() {
    var array = [];     
$(".check_availability-field_group").each(function() {
    array.push({
        adult: +$(this).find("select[name= 'adult']").val(),
        children: +$(this).find("select[name= 'children']").val()
    });
});
var jsonString = JSON.stringify(array);
    console.log(jsonString)
});

});