JSFiddle - React, Tailwind, and code Playground

HTML

<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" />

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 


<div class="form-group" id="phoneAddMore">
          <label class="control-label">Phone</label>
          <div class="form-group form-group-options">
            <div class="input-group input-group-option col-xs-12">
              <input type="text" name="option[]" class="form-control" placeholder="Phone Number" style="width:50%">
              <select class="form-control" style="width:50%">
                <option value="Work">Work</option>
                <option value="Home">Home</option>
                <option value="Mobile">Mobile</option>
                <option value="Other">Other</option>
              </select>
           </div>
              <a hre="#" class="btn-add-phone">+ add more </a>
          </div>
          
          <div class="clearfix"></div>
			
        </div>

CSS

div.input-group-option:last-child input.form-control {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
div.input-group-option span.input-group-addon-remove {
	cursor: pointer;
}
div.input-group-option {
	margin-bottom: 3px;
}

JavaScript

$(function() {

		 $('.btn-add-phone').click(function() {
			var sInputGroupPhoneHtml = ('<div class="form-group form-group-options"><div class="input-group input-group-option col-xs-12"><input type="text" name="option[]" class="form-control" placeholder="Phone Number" style="width:50%"><select class="form-control" style="width:50%"><option value="Work">Work</option><option value="Home">Home</option><option value="Mobile">Mobile</option><option value="Other">Other</option></select><span class="input-group-addon input-group-phone-remove text-left"> <span class="glyphicon glyphicon-trash"></span></span></div></div>');      

			$(this).append(sInputGroupPhoneHtml);

		 });

		 $('.btn-add-email').click(function() {
			var sInputGroupEmailHtml = ('<div class="form-group form-group-options"><div class="input-group input-group-option col-xs-12"><input type="email" name="option[]" class="form-control" placeholder="Email" style="width:50%"><select class="form-control" style="width:50%"><option value="Work">Work</option><option value="Personal">Personal</option><option value="Other">Other</option></select><span class="input-group-addon input-group-email-remove text-left"> <span class="glyphicon glyphicon-trash"></span></span></div></div>');      

			$(this).append(sInputGroupEmailHtml);

		 });

		 $('.input-group-email-remove').click(function() {
			  $(this).parent().remove();
		 });



		jQuery(".toggleControlsPhone a").click(function() {
			jQuery(".showPhoneControls").toggle();
		});

		jQuery(".toggleControlsEmail a").click(function() {
			jQuery(".showEmailControls").toggle();
		});
	});