{"id":413,"date":"2023-03-31T06:30:08","date_gmt":"2023-03-31T09:30:08","guid":{"rendered":"http:\/\/fabiobrandao.net.br\/blog\/?p=413"},"modified":"2023-03-31T06:32:15","modified_gmt":"2023-03-31T09:32:15","slug":"jquery-preencher-dropdown-com-os-dias-da-semana","status":"publish","type":"post","link":"https:\/\/fabiobrandao.net.br\/blog\/javascript-e-bivliotecas\/jquery-preencher-dropdown-com-os-dias-da-semana\/","title":{"rendered":"JQuery &#8211; Preencher Dropdown com os dias da semana"},"content":{"rendered":"<p>Vamos a mais um exemplo de preenchimento de dropdown. Desta vez vamos preencher nosso dropdown com os dias da semana<\/p>\n<p>Implemente um dropdown e atribua a ele um identificador para poder manipul\u00e1-lo:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">&lt;select id=&quot;daysOfTheWeek&quot;&gt;&lt;select&gt;<\/pre>\n<p>Em seu arquivo de script, implemente um vetor contendo os dias da semana. Implementar um vetor permitir\u00e1 que voc\u00ea possa aproveitar estes valores futuramente.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar daysOfWeekNames = &#x5B;\r\n    'Domingo', 'Segunda', 'Ter\u00e7a', 'Quarta', 'Quinta', 'Sexta', 'S\u00e1bado'\r\n];\r\n<\/pre>\n<p>Agora implemente uma fun\u00e7\u00e3o como no exemplo abaixo que tem como objetivo usar o vetor criado para preencher dinamicamente o dropdown.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nfunction loadDaysOfTheWeek() {\r\n    var dropdown = $('#daysOfTheWeek');\r\n    dropdown.empty();\r\n    dropdown.prop('selectedIndex', 0);\r\n\r\n    $.each(daysOfWeekNames, function (key, entry) {        \r\n        var option = $('&lt;option \/&gt;');\r\n        option.attr('value', key+1).text(entry);\r\n        dropdown.append(option);\r\n    });\r\n}\r\n<\/pre>\n<p>Por fim, implemente a chamada para a fun\u00e7\u00e3o. Esta chamada voc\u00ea pode implementar no local que seja melhor para seu contexto. Aqui estou fazendo a chamada assim que o documento estiver completamente carregado.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n$(document).ready(function () {\r\n   loadDaysOfTheWeek();    \r\n});\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Vamos a mais um exemplo de preenchimento de dropdown. Desta vez vamos preencher nosso dropdown com os dias da semana Implemente um dropdown e atribua a ele um identificador para&#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,87],"class_list":["post-413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-e-bivliotecas","tag-dropdown","tag-jquery","tag-semana"],"_links":{"self":[{"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts\/413","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=413"}],"version-history":[{"count":5,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts\/413\/revisions"}],"predecessor-version":[{"id":418,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/posts\/413\/revisions\/418"}],"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=413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/categories?post=413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fabiobrandao.net.br\/blog\/wp-json\/wp\/v2\/tags?post=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}