JSFiddle - React, Tailwind, and code Playground

by André Albson

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<link rel="stylesheet" href="https://silviomoreto.github.io/bootstrap-select/dist/css/bootstrap-select.min.css">
<script src="https://silviomoreto.github.io/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<select class="form-control" id="myselect">
<option value="1"> first </option>
<option value="2"> second </option>
<option value="3"> third </option>
</select>

<select class="form-control" id="second">
</select>
<br>
<input type='button' value="click to clone"  id="cloneBtn"/>

CSS

.form-control{
  width: 50%;
}

JavaScript

$('#cloneBtn').click(function() {
    var $options = $("#myselect > option:selected").clone();
    $('#second').append($options);
});