Здравствуйте, есть такой код
<script>
$(document).ready(function() {
$("#selectf").change(function(){
var country = $(this).val();
alert(country);
var el = document.getElementById('selectf').dataset.item;
alert(el);
});
});
</script>
<select id='selectf' data-item='1'>
<option value='1'>Россия</option>
<option value='2'>Украина</option>
</select>
<select id='selectf' data-item='2' style='display: block;'>
<option value='1'>Россия</option>
<option value='2'>Украина</option>
</select>
<select id='selectf' data-item='3' style='display: block;'>
<option value='1'>Россия</option>
<option value='2'>Украина</option>
</select>
У него все id одинаковы и поэтому он читает только первый, но он должен остаться таким. В конечном итоге надо выводить data-item того select`a, который был выбран