This is my code:
<div id="data">
<div class="plus">
<select>
<option value="0">select</optionn>
<option value="1">one</optionn>
<option value="2">two</optionn>
</select>
</div>
</div>
<div class="add">
ADD
</div>
And this is jQuery:
$(document).on('click', '.add', function(e){
var clone = $('#data').find('.plus:eq(0)').clone();
console.log(clone.find('select').val());
console.log(clone.find('select option:selected').val());
console.log(clone.find('select option').filter(":selected").val());
$('#data').append(clone);
});
After select one from selectbox and then I click ADD, I get 0 value.
But I want to return 1 value!
JSFiddle: https://jsfiddle.net/uwkx9cqd/