{"id":564,"date":"2014-11-10T08:09:19","date_gmt":"2014-11-10T08:09:19","guid":{"rendered":"http:\/\/codethataint.com\/blog\/?p=564"},"modified":"2014-11-10T09:58:17","modified_gmt":"2014-11-10T09:58:17","slug":"how-to-get-selected-option-in-jquery","status":"publish","type":"post","link":"https:\/\/codethataint.com\/blog\/how-to-get-selected-option-in-jquery\/","title":{"rendered":"How to get selected option in jquery"},"content":{"rendered":"

How to set a Specific option as selected<\/p>\n

\r\n<html>\r\n<head>\r\n\t<script src="jquery-2.1.0.min.js" type="text\/javascript"><\/script>\r\n\t<script>\r\n\t $('document').ready(function(){\r\n\t   $('#btnSubmit').click(function(){\r\n            alert($('#cboLocation').val());\r\n            alert($('#cboLocation').find(":selected").text());\r\n\t\t\t});\r\n\t\t});\r\n\t<\/script>\r\n<\/head>\r\n<body>\r\n<select name="cboLocation"  id="cboLocation">\r\n  <option value="">Select Zone<\/option>\r\n  <option value="South">South Chennai<\/option>\r\n  <option value="North">North Chennai<\/option>\r\n  <option value="East">East Chennai<\/option>\r\n  <option value="West">West Chennai<\/option>\r\n<\/select>\r\n<input type="button" name="btnSubmit" id="btnSubmit" value="Click Me"\/>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
How to get Selected Item Value<\/strong><\/p>\n
\r\n alert($('#cboLocation').val());\r\n<\/pre>\n
How to get Selected Item Text<\/strong><\/p>\n
\r\n alert($('#cboLocation').find(":selected").text());\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
How to set a Specific option as selected <html> <head> <script src="jquery-2.1.0.min.js" type="text\/javascript"><\/script> <script> $(‘document’).ready(function(){ $(‘#btnSubmit’).click(function(){ alert($(‘#cboLocation’).val()); alert($(‘#cboLocation’).find(":selected").text()); }); }); <\/script> <\/head> <body> <select name="cboLocation" id="cboLocation"> <option value="">Select Zone<\/option> <option value="South">South Chennai<\/option> <option value="North">North Chennai<\/option> <option value="East">East Chennai<\/option> <option value="West">West Chennai<\/option> <\/select> <input type="button" name="btnSubmit" id="btnSubmit" value="Click Me"\/> <\/body> <\/html> How to get Selected Item… Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-564","post","type-post","status-publish","format-standard","hentry","category-jquery"],"_links":{"self":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/comments?post=564"}],"version-history":[{"count":9,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/564\/revisions"}],"predecessor-version":[{"id":568,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/564\/revisions\/568"}],"wp:attachment":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/media?parent=564"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/categories?post=564"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/tags?post=564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}