Stackoverflow 2012-02-13

http://stackoverflow.com/questions/14865504/adding-new-input-using-jquery

by john_s

HTML

<select id="roomFac1" name="roomFac1">
  <option value="" selected="selected">Choose an option</option>
  <option value="3">Option 1</option>
  <option value="3">Option 2</option>
  <option value="3">Option 3</option>
</select>
<input type="button" id="addFac" value="Add" />
<input type="button" id="removeFac" value="Remove" />

JavaScript

var roomFacCount = 1;

$('#addFac').on('click', function() {
    var $lastRoomFac = $('#roomFac' + roomFacCount);
    roomFacCount++;
    $lastRoomFac.after($lastRoomFac.clone(true, true).attr('id', 'roomFac' + roomFacCount));
});

$('#removeFac').on('click', function() {
    if (roomFacCount > 1) {
        var $lastRoomFac = $('#roomFac' + roomFacCount);
        roomFacCount--;
        $lastRoomFac.remove();
    }
});