xxxxxxxxxx
<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
select option with value jquery
xxxxxxxxxx
// retrive select data to select in html
$("#selectID option[value='".response.value."']").attr("selected", true);
// another option
$( "#myselect option:selected" ).val();
xxxxxxxxxx
$("select.your-select").change(function(){
$(this).children("option:selected").val();
});
xxxxxxxxxx
var selectedOptionText = $('#mySelectID').find(":selected").text();//selected option text
var selectedOptionVal = $('#mySelectID').find(":selected").val();//selected option value
xxxxxxxxxx
$(document).ready(function(){
$("select.country").change(function(){
var selectedCountry = $(this).children("option:selected").val();
alert("You have selected the country - " + selectedCountry);
});
xxxxxxxxxx
let payment_type = $("#olca_form_submit select[name='payment_type']")
.find(":selected")
.val();
xxxxxxxxxx
var conceptName = $('#aioConceptName').find(":selected").text();
xxxxxxxxxx
$("id or class")
.off('change')
.change(function()
{
var value = $(this)
.children("option:selected")
.val();
console.log(value);
});