Home
Categories
HTML Select
CSS Class
General
CheckBox
HTML Textarea
DropDown
jQuery UI
DatePicker
Facebook
HTML Form
HTML DIV
ASP.Net
JSON
Radio
Regular Expressions
HTML Multiselect ListBox
HTML TextBox
RadioButtonList
CheckBoxList
HTML Anchor
Master Pages
HTML5
Bootstrap
Image
FileUpload
HTML Span
ListBox
jQuery
Table
Button
Password TextBox
Sponsored
XML
Forums
Contact
Search
Search
Home
Categories
Forums
Contact
Search
Get Selected Option Value of HTML SELECT Dropdown using jQuery
10 Aug 2011
Mudassar Khan
0
Comments
4683 Views
HTML Select
DropDown
Follow @jQueryFaqs
Follow @jQueryFaqs
Here Mudassar Ahmed Khan has explained how to get selected option value of HTML Select dropdown using jQuery
Follow @jQueryFaqs
Follow @jQueryFaqs
The below code snippet explains how to get the selected value of the option from HTML Select dropdown using jQuery
<
select
id
="mySelect">
<
option
value
="1">
Yes
</
option
>
<
option
value
="2">
No
</
option
>
</
select
>
<
input
type
="button"
id
="demo"
value
=
"Demo"
/>
<
script
type
="text/javascript">
$(
"#demo"
).live(
"click"
,
function
() {
//Get value of the selected option
var
selectedValue = $(
"#mySelect option:selected"
).val();
alert(selectedValue);
});
</
script
>
Related Articles
Get Selected Value of HTML SELECT using jQuery
Here Mudassar Ahmed Khan has explained how to get selected value of HTML SELECT using jQuery
Get Selected Option Value of HTML SELECT using jQuery
Here Mudassar Ahmed Khan has explained how to get selected option value of HTML SELECT using jQuery
Get Selected Text of HTML SELECT using jQuery
Here Mudassar Ahmed Khan has explained how to get selected text or inner html of HTML SELECT using jQuery
Get Selected Option Text of HTML SELECT using jQuery
Here Mudassar Ahmed Khan has explained how to get selected option text of HTML SELECT using jQuery
Get Selected Item of HTML SELECT using jQuery
Here Mudassar Ahmed Khan has explained how to get selected item of HTML SELECT using jQuery
Get Selected Option of HTML SELECT using jQuery
Here Mudassar Ahmed Khan has explained how to get selected option of HTML SELECT using jQuery
Get SelectedIndex of HTML SELECT using jQuery
Here Mudassar Ahmed Khan has explained how to get selectedIndex of HTML SELECT using jQuery
Get Option SelectedIndex of HTML SELECT using jQuery
Here Mudassar Ahmed Khan has explained how to get option selected index of HTML SELECT using jQuery
Get Index of Selected Option of HTML SELECT using jQuery
Here Mudassar Ahmed Khan has explained how to get index of selected option of HTML SELECT using jQuery
Check whether an Option is Selected in HTML Select using jQuery
Here Mudassar Ahmed Khan has explained how to check whether an Option is Selected in HTML Select using jQuery
jQuery - Set Option as selected using its Value in HTML SELECT
Here Mudassar Ahmed Khan has explained how to set Option as selected using its Value in HTML SELECT using jQuery.
Get values of all selected checkboxes by name using jQuery
Here Mudassar Ahmed Khan has provided snippet to get values of all selected checkboxes by name using jQuery
Get ids of all selected checkboxes using name in jQuery
Here Mudassar Ahmed Khan has provided snippet to get ids of all selected checkboxes using name in jQuery
Get values of all selected checkboxes by class name using jQuery
Here Mudassar Ahmed Khan has provided snippet to get values of all selected checkboxes by class name using jQuery
Get ids of all selected checkboxes using class name in jQuery
Here Mudassar Ahmed Khan has provided snippet to get ids of all selected checkboxes using class name in jQuery
Comments
No comments have been added to this article.
Add Comments
Thank you for the feedback. The comment is now awaiting moderation. You will be notified via email when the author replies to your comment.
Please select a comment to reply
You can add your comment about this article using the form below. Make sure you provide a valid email address
else you won't be notified when the author replies to your comment
Please note that all comments are moderated and will be deleted if they are
Not relavant to the article
Spam
Advertising campaigns or links to other sites
Abusive content.
Please do not post code, scripts or snippets.
Follow @jQueryFaqs
Follow @jQueryFaqs
Name
Required
Email
Required
Invalid Email Address
Comment
Required
Security code:
Required
Invalid security code.
Add Comment
Message from Author
Message from Author
Subscribe
Follow @jQueryFaqs
Follow @jQueryFaqs
Error Details
Disclaimer
This site makes use of Cookies. Please refer
Privacy Policy
for more details.