JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div class="modal fade" id="editor-modal" tabindex="-1" role="dialog" aria-labelledby="editor-title">
<div class="modal-dialog" role="document">
		<form class="modal-content form-horizontal" id="editor">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
				<h4 class="modal-title" id="editor-title">Add Row</h4>
			</div>
			<div class="modal-body">
				
				<div class="form-group ">
<div class="col-sm-3 control-label">
					<select id="whour" name="duration[hr]"> 
					<option value="0">——</option>
					<option value="1">1 h.</option><option value="2">2 h.</option><option value="3">3 h.</option><option value="4">4 h.</option><option value="5">5 h.</option><option value="6">6 h.</option><option value="7">7 h.</option><option value="8">8 h.</option><option value="9">9 h.</option><option value="10">10 h.</option>					
					</select>
					</div>
    	</div>
	
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			</div>
		</form>
	</div>
</div>
<button id="2" class="edit">
edit 2
</button>

<button id="3" class="edit">
edit 3
</button>
<button id="4" class="edit">
edit 4
</button>

<button id="5" class="edit">
edit 5
</button>

JavaScript

$(document).on("click",".edit", function(){
$("#editor").find("select").prop('selectedIndex',0);
$("#editor").find("#whour option[value='"+this.id+"']").attr('selected', true);
$('#editor-modal').modal('show');

});