{"id":182,"date":"2019-07-29T19:52:01","date_gmt":"2019-07-29T22:52:01","guid":{"rendered":"http:\/\/fabiobrandao.net.br\/blog\/?p=182"},"modified":"2023-03-11T23:57:50","modified_gmt":"2023-03-12T02:57:50","slug":"jquery-obter-valor-selecionado-no-dropdown","status":"publish","type":"post","link":"https:\/\/fabiobrandao.net.br\/blog\/javascript-e-bivliotecas\/jquery-obter-valor-selecionado-no-dropdown\/","title":{"rendered":"jQuery &#8211; Obter valor selecionado no Dropdown"},"content":{"rendered":"<p>Certo, voc\u00ea criou um dropdown e agora precisa obter o valor logo ap\u00f3s a sele\u00e7\u00e3o do usu\u00e1rio. \u00c9 muito simples fazer isso usando <strong>jQuery<\/strong>.<\/p>\n<p>Vamos considerar que voc\u00ea tenha um dropdown com a seguinte marca\u00e7\u00e3o:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;select id=&quot;city&quot;&gt;\r\n    &lt;option value=&quot;1&quot;&gt;S\u00e3o Paulo&lt;\/option&gt;\r\n    &lt;option value=&quot;2&quot;&gt;Campinas&lt;\/option&gt;\r\n&lt;\/select&gt;\r\n<\/pre>\n<p>Agora crie o c\u00f3digo para capturar o evento ap\u00f3s a sele\u00e7\u00e3o e capturar o valor selecionado como no exemplo abaixo:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n$('#city').change(function () {\r\n    var selectedValue = $(this).val();\r\n    console.log(selectedValue);\r\n});\r\n<\/pre>\n<p>O valor da propriedade value ser\u00e1 obtida e armazenada na vari\u00e1vel selectedValue. \u00c9 s\u00f3 isso mesmo! \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Certo, voc\u00ea criou um dropdown e agora precisa obter o valor logo ap\u00f3s a sele\u00e7\u00e3o do usu\u00e1rio. \u00c9 muito simples fazer isso usando jQuery. Vamos considerar que voc\u00ea tenha um&#8230; <\/p>\n","protected":false},"author":1,"featured_media":377,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[69],"tags":[16,9],"class_list":["post-182","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-e-bivliotecas","tag-dropdown","tag-jquery"],"_links":{"self":[{"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":14,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts\/182\/revisions"}],"predecessor-version":[{"id":381,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts\/182\/revisions\/381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/media\/377"}],"wp:attachment":[{"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/media?parent=182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/categories?post=182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/tags?post=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}