jQuery dropdownlist Get/Set Value: Get and set drop-down box selected value. In web pages while form submission many time we commonly use drop-down list, this post explains how to get / fetch dropdown list selected value. In jQuery we get drop-down list selected by using .`val()` method. The .val() method is primarily used to get the values of form elements such as input, select and text area.
Description: Get the current value of the first element in the set of matched elements.
jQuery: Here using .val() method jQuery select value of selected dropdownlist value.
<select id="myDlist"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> <option value="4">four</option> </select>
Another easier way, jQuery get select value
// Get the value from a dropdown select $('#myDlist option:selected').val();
// Get the value from a dropdown select even easier $('#myDlist').val();
jQuery Code: Set dropdown list select option by value.
Above code will set the dropdown list value 4 as selected.
Conclusion: Here using jQuery .val() we able to get dropdownlist selected value. Also using .val() we able to set dropdown list value.
Thank you for reading, pls keep visiting this blog and share this in your network. Also, I would love to hear your opinions down in the comments.
PS: If you found this content valuable and want to thank me? 👳 Buy Me a Coffee