Yes It can be done in jQuery

Add this HTML element

<input name="room" readonly="readonly" type="text" value="1" /> <span>Rooms</span>
<input name="adult" readonly="readonly" type="text" value="1" /> <span>Adults</span>
<input name="child" readonly="readonly" type="text" value="0" /> <span>Child</span>

For the gainer and lesser element

<div> <div>Rooms</div> <div><button id="roomm">–</button></div> <div id="room">1</div> <div><button id="roomp">+</button></div> </div> <div> <div>Adult</div> <div><button id="minus">–</button></div> <div id="number">1</div> <div><button id="plus">+</button></div> </div> <div> <div>Children</div> <div><button id="chldm">–</button></div> <div id="child">0</div> <div><button id="chldp">+</button></div> </div>

For appended child fields

<div id="itemshow"></div>

Add this jQuery script

$(document).ready(function() {
    var currentRoomCount = 1;
    var currentAdultCount = 1;
    var currentchildCount = 0;
    $("#roomp").on('click', function(e) {
        e.preventDefault();
        if (currentRoomCount & amp; gt; = 1) {
            currentRoomCount = currentRoomCount + 1;
            $("#room").html(currentRoomCount);
            $("input[name='room']").val(currentRoomCount);
            if (currentAdultCount & amp; lt; = currentRoomCount) {
                currentAdultCount = currentRoomCount;
                $("#number").html(currentAdultCount);
                $("input[name='adult']").val(currentAdultCount);
            }
        }
    });
    $("#roomm").on('click', function(e) {
        e.preventDefault();
        if (currentRoomCount != 1) {
            currentRoomCount = currentRoomCount - 1;
            $("#room").html(currentRoomCount);
            $("input[name='room']").val(currentRoomCount);
        }
    });
    $("#plus").on('click', function(e) {
        e.preventDefault();
        if (currentAdultCount & amp; gt; = 0) {
            currentAdultCount = currentAdultCount + 1;
            $("#number").html(currentAdultCount);
            $("input[name='adult']").val(currentAdultCount);
        }
    });
    $("#minus").on('click', function(e) {
        e.preventDefault();
        if (currentAdultCount != 0) {
            currentAdultCount = currentAdultCount - 1;
            $("#number").html(currentAdultCount);
            $("input[name='adult']").val(currentAdultCount);
        }
    });
    $("#chldp").on('click', function(e) {
        e.preventDefault();
        if (currentchildCount & amp; gt; = 0 & amp; amp; & amp; amp; currentchildCount & amp; lt; 10) {
            currentchildCount = currentchildCount + 1;
            $("#child").html(currentchildCount);
            $("input[name='child']").val(currentchildCount);
            $('#itemshow').prepend('<div id="rm"> <select style=" width: 100%; "> <option value="1 Year Old">1 Year Old</option> <option value="2 Year Old">2 Year Old</option> <option value="3 Year Old">3 Year Old</option> <option value="4 Year Old">4 Year Old</option> </select> </div>');
        }
    });
    $("#chldm").on('click', function(e) {
        e.preventDefault();
        if (currentchildCount != 0) {
            currentchildCount = currentchildCount - 1;
            $("#child").html(currentchildCount);
            $("input[name='child']").val(currentchildCount);
            $('#rm:last').remove();
        }
    });
});