{"id":124680,"date":"2022-11-16T17:19:58","date_gmt":"2022-11-16T16:19:58","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-dependent-select\/"},"modified":"2025-02-03T16:44:38","modified_gmt":"2025-02-03T15:44:38","slug":"how-to-create-a-dependent-select","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/es\/soporte\/como-prototipar-eleccion-dependiente","title":{"rendered":"C\u00f3mo crear el prototipo de una selecci\u00f3n dependiente"},"content":{"rendered":"<p>En este art\u00edculo aprender\u00e1s a crear prototipos de selecci\u00f3n dependiente.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73112456\/index.html\" width=\"820px\" height=\"430px\" frameborder=\"0\"><\/iframe><\/p>\n<p>As\u00ed es como se construye:<\/p>\n<h3><b>Ver<\/b><\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n \t<\/li>\n<li>Coloca dos \u00abSeleccionar\u00bb de la secci\u00f3n \u00abCampos de entrada interactivos\u00bb en el lienzo.<span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70562\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/dependent-select-1.png\" alt=\"Editar valores 1\" width=\"1144\" height=\"553\"><\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n \t<\/li>\n<li>Haz clic en la primera \u00abSeleccionar\u00bb, ve a la paleta Propiedades y edita los valores.<span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70562\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/dependent-select-2.png\" alt=\"Editar valores 1\" width=\"1144\" height=\"553\"><\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n \t<\/li>\n<li>Sustituye los valores por defecto haciendo doble clic sobre ellos y, en su lugar, escribe los nombres de los pa\u00edses (EEUU, Reino Unido, Alemania).<span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70562\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/dependent-select-3.png\" alt=\"Editar valores 1\" width=\"1144\" height=\"553\"><\/span><\/li>\n<\/ul>\n<h3><b>Evento<\/b><\/h3>\n<p><span data-preserver-spaces=\"true\">Con la primera \u00abSeleccionar\u00bb seleccionada, ve a la paleta Eventos y haz clic en \u00abA\u00f1adir evento\u00bb.<\/span><br \/>\n<span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70562\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/dependent-select-4.png\" alt=\"Editar valores 1\" width=\"1144\" height=\"553\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Haz clic en \u00abElegir activador\u00bb en el cuadro de di\u00e1logo y selecciona \u00aben Cambiar\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y haz clic en el segundo \u00abSeleccionar\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Para el valor fijo, debes a\u00f1adir las ciudades de uno de los pa\u00edses que estableciste en la primera \u00abLista de selecci\u00f3n\u00bb (para EEUU, ahora podr\u00edas introducir Nueva York, Washington DC y Chicago).  <\/span>Haz clic en \u00abAceptar\u00bb para terminar de crear el evento.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70564\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/dependent-select-5.png\" alt=\"ciudades dp1\" width=\"833\" height=\"304\"><\/li>\n<\/ol>\n<p>Vuelve a la paleta Eventos y haz clic en \u00abA\u00f1adir condici\u00f3n\u00bb; se abrir\u00e1 el constructor de expresiones.<\/p>\n<ol>\n<li>Arrastra el primer \u00abSelect\u00bb a la expresi\u00f3n, luego desde la pesta\u00f1a funci\u00f3n l\u00f3gica, arrastra el \u00ab=\u00bb y por \u00faltimo escribe el nombre del pa\u00eds (USA, para las ciudades que acabas de a\u00f1adir en el evento). Haz clic en \u00abAceptar\u00bb para terminar de construir la expresi\u00f3n.\n<div class=\"embed-container\" style=\"padding-bottom: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/761525037\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Vuelve a la paleta Eventos y haz clic en \u00abOtro\u00bb.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Selecciona \u00aben Cambiar\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y haz clic en el segundo \u00abSeleccionar\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Para el valor fijo, escribe las ciudades de \u00abReino Unido\u00bb.  <\/span>Haz clic en \u00abAceptar\u00bb para terminar de crear el evento.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71713\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/dependent-select-6.png\" alt=\"cond1\" width=\"925\" height=\"293\"><\/li>\n<\/ol>\n<p>Vuelve a la paleta Eventos y haz clic en \u00abSi no, a\u00f1adir condici\u00f3n\u00bb; se abrir\u00e1 el constructor de expresiones.<\/p>\n<ul>\n<li>Arrastra el primer \u00abSelect\u00bb a la expresi\u00f3n, luego desde la pesta\u00f1a funci\u00f3n l\u00f3gica, arrastra el \u00ab=\u00bb y por \u00faltimo escribe \u00abReino Unido\u00bb. Haz clic en \u00abAceptar\u00bb para terminar de construir la expresi\u00f3n.\n<div class=\"embed-container\" style=\"padding-bottom: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/761753693\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ul>\n<p>En la paleta Eventos, pulsa de nuevo \u00abSi no\u00bb para definir el \u00faltimo caso igual que antes.<\/p>\n<p>Simula tu prototipo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo aprender\u00e1s a crear prototipos de selecci\u00f3n dependiente. As\u00ed es como se construye: Ver Coloca dos \u00abSeleccionar\u00bb de la secci\u00f3n \u00abCampos de entrada interactivos\u00bb&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8430,8424],"tags":[],"class_list":["post-124680","post","type-post","status-publish","format-standard","hentry","category-componentes-avanzados","category-trucos-avanzados"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124680"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/comments?post=124680"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124680\/revisions"}],"predecessor-version":[{"id":126175,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124680\/revisions\/126175"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=124680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/categories?post=124680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=124680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}