Answers for "select option id use in jquery to get data"

jquery get option data attribute

$(this).find(':selected').data('id');

select onchange jquery get the selected option data attribute

$('#country').on('change', function(){
    let id = $(this).find(':selected').data('id');
    console.log(id);
  });

jquery select element with data

$('[data-attribute="value"]');

get option value jquery

<select id="state">
    <option value="state1" data-id="1">state1</option>
    <option value="state2" data-id="2">state2</option>
    <option value="state3" data-id="3">state3</option>
</select>

$('#state option[data-id="2"]').val();

//output state2