{"id":340,"date":"2010-02-26T17:22:58","date_gmt":"2010-02-26T20:22:58","guid":{"rendered":"http:\/\/stefano.salvatori.cl\/blog\/?p=340"},"modified":"2010-02-26T17:22:58","modified_gmt":"2010-02-26T20:22:58","slug":"enviar-datos-entre-dos-select-usando-jquery","status":"publish","type":"post","link":"https:\/\/stefano.salvatori.cl\/blog\/2010\/02\/26\/enviar-datos-entre-dos-select-usando-jquery\/","title":{"rendered":"Enviar datos entre dos select usando jQuery"},"content":{"rendered":"

Hoy me vi en la necesidad de implementar dos select los cuales se enviaban informaci\u00c3\u00b3n entre ellos (los t\u00c3\u00adpicos usados para seleccionar ciertos elementos de un conjunto). Encontre un plugin de jQuery muy \u00c3\u00batil (b\u00c3\u00a1sicamente hace todo por nosotros).<\/p>\n

Se llama Dual Listbox<\/a>, su utilizaci\u00c3\u00b3n es la siguiente.<\/p>\n


\n$.configureBoxes({
\n box1View:'PollIds',
\n box2View:'PollId',
\n);
\n<\/code><\/p>\n

con box1View <\/strong>establecemos cual ser\u00c3\u00a1 el select 1 y con box2View <\/strong>el select 2, existen muchas opciones todas documentadas en su p\u00c3\u00a1gina web.<\/p>\n

Finalmente para enviar la informaci\u00c3\u00b3n se debe usar un peque\u00c3\u00b1o truco (gracias Bilson<\/a>), el cual consiste en seleccionar todos elementos del select 2 utilizando javascript al enviar el formulario.<\/p>\n


\n
\n<\/code><\/p>\n


\nfunction selectAll(selectBox,selectAll) {
\n \/\/ have we been passed an ID
\n if (typeof selectBox == \"string\") {
\n selectBox = document.getElementById(selectBox);
\n }
\n \/\/ is the select box a multiple select box?
\n if (selectBox.type == \"select-multiple\") {
\n for (var i = 0; i < selectBox.options.length; i++) {
\n selectBox.options[i].selected = selectAll;
\n }
\n }
\n}
\n<\/code><\/p>\n

La funci\u00c3\u00b3n de Javascript fue extra\u00c3\u00adda desde qodo.co.uk<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Hoy me vi en la necesidad de implementar dos select los cuales se enviaban informaci\u00c3\u00b3n entre ellos (los t\u00c3\u00adpicos usados para seleccionar ciertos elementos de un conjunto). Encontre un plugin de jQuery muy \u00c3\u00batil (b\u00c3\u00a1sicamente hace todo por nosotros). Se llama Dual Listbox, su utilizaci\u00c3\u00b3n es la siguiente. $.configureBoxes({ box1View:’PollIds’, box2View:’PollId’, ); con box1View establecemos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[128,26,5],"tags":[],"class_list":["post-340","post","type-post","status-publish","format-standard","hentry","category-jquery","category-tips","category-webdev"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p5Pxa3-5u","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/posts\/340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/comments?post=340"}],"version-history":[{"count":2,"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/posts\/340\/revisions"}],"predecessor-version":[{"id":342,"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/posts\/340\/revisions\/342"}],"wp:attachment":[{"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/media?parent=340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/categories?post=340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stefano.salvatori.cl\/blog\/wp-json\/wp\/v2\/tags?post=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}