Добавление другого поля ввода при нажатии на кнопку

Question

Я провел какое-то исследование и не смог ничего найти. У меня есть вход, где человек может ввести местоположение, но я также хочу, чтобы он мог добавить другое, альтернативное местоположение. Мне в основном нужна кнопка, чтобы открыть форму. Вот код для формы:

<div class="form-group">
    <label for="exampleInputEmail1">Location: </label>
    <input name = "cityForm" class="form-control" placeholder="Enter Zipcode or City" 
        width: 50%;>
</div> 

Вот код для кнопки:

<center>
    <button id="locationAlternate" type="submit" class="btn btn-primary">
        Alternate Location
    </button>
</center>

Answer 1

Это то, что вы ищете?

   $('#locationAlternate').on('click',function() {

 $('#location').append('<div class="form-group" id="altloc"><label for="">Alternate Location: </label> <input name = "AltcityForm" class="form-control" placeholder="Enter Alternate Location" width: 50%;></div>');

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="form-group" id="location">
        <label for="exampleInputEmail1">Location: </label>
        <input name = "cityForm" class="form-control" placeholder="Enter Zipcode or City" width: 50%;>
</div> 

<button id="locationAlternate" type="submit" class="btn btn-primary">Alternate Location</button>