El siguiente c\u00f3digo muestra como se puede a\u00f1adir un elemento a un <select> y como se puede borrar un elemento seleccionado.<\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n\n<head>\n <meta http-equiv=\"content-type\" content=\"text\/html;charset=utf-8\">\n <title>Manejando Selector<\/title>\n\n<\/head>\n\n<body>\n <h1>Manejando un Selector (a\u00f1adir y quitar elementos)<\/h1>\n <input type=\"text\" id=\"nombre\">\n <button onclick=\"anadir()\">a\u00f1adir<\/button>\n <button onclick=\"borrar()\">borrar seleccionado<\/button>\n <div id=\"borrado\"><\/div>\n <p>Elementos<\/p>\n\n <select class=\"select\" id=\"sel1\" size=\"5\" multiple=\"multiple\">\n <option value=\"1\">Uno<\/option>\n <option value=\"2\">Dos<\/option>\n <option value=\"4\">Cuatro<\/option>\n <option value=\"3\">Tres<\/option>\n <option value=\"5\">Cinco<\/option>\n <\/select>\n\n\n <script type=\"text\/javascript\">\n\n function anadir() {\n var nombre=document.getElementById(\"nombre\").value;\n\n var select = document.getElementById(\"sel1\");\n var num=select.children.length;\n var opt=document.createElement(\"option\");\n opt.value=num;\n var txtOpt=document.createTextNode(nombre);\n opt.appendChild(txtOpt);\n select.append(opt);\n }\n\n function borrar() {\n\n var select = document.getElementById(\"sel1\");\n var elementos=select.options.length; \/\/ var elementos=select.children.length;\n for (i=0;i<elementos;i++){\n if (select.options[i].selected) {\n var opt=select.options[i];\n var valueOpt=opt.value;\n var txtOpt=opt.text;\n document.getElementById(\"borrado\").innerHTML=\"Elemento borrado. Value: \" + valueOpt + \" Texto: \" + txtOpt;\n opt.parentElement.removeChild(opt);\n i=elementos;\n }\n }\n\n }\n <\/script>\n<\/body>\n\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"El siguiente c\u00f3digo muestra como se puede a\u00f1adir un elemento a un <select> y como se puede borrar un elemento seleccionado.<\/p>\n","protected":false},"author":1,"featured_media":251,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[36,37,103,104,205,286,301],"class_list":["post-250","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-append","tag-appendchild","tag-createelement","tag-createtextnode","tag-javascritp","tag-removechild","tag-select"],"_links":{"self":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":1,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/250\/revisions"}],"predecessor-version":[{"id":954,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/250\/revisions\/954"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media\/251"}],"wp:attachment":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media?parent=250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/categories?post=250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/tags?post=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}