HTML for select and options:
<select class="dropdown">
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
</select>
I want the value of the option at index 1, something along the lines of
$('.dropdown[1]').value
// should return 'two'
$var = jQuery("#dropdownid option:selected"). val(); alert ($var); Or to get the text of the option, use text() : $var = jQuery("#dropdownid option:selected").
$('#mySelectBox option'). each(function() { if ($(this). isChecked()) alert('this option is selected'); else alert('this is not'); });
Syntax of jQuery Select Option$(“selector option: selected”); The jQuery select option is used to display selected content in the option tag. text syntax is below: var variableValue = $(“selector option: selected”).
Use the jQuery: selected selector in combination with val () method to find the selected option value in a drop-down list.
$('.dropdown option').eq(1).val()
eq() will start with 0 as it is an index
Get the currently selected value with
$('.dropdown option:selected').val()
use text()
instead of val()
to retrieve the text content
To get the text:
var list = document.getElementById("dropdown");
var value = list.options[1].text;
You can use this to get the value:
$('select.dropdown option').eq(1).val();
An this to get the text:
$('select.dropdown option').eq(1).text();
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With