¿De qué forma puedo agregar o remover fieldsets de manera dinámica con prototype?
Prototypejs - remover fieldsets
Iniciado por
Alberto Hernandez
, jun 17 2014 21:13
#1 AUTOR PREGUNTA
Esto también te interesa!
#2
Publicado 17 junio 2014 - 23:08
Supongamos que en tu html tienes lo siguiente:
Y luego tendríamos un boton para agregar el mismo:
Por último en Prototype sería lo siguiente:
<div id="ingredientes" style="display:none;"> <fieldset id="ingredient_item_XXX"> Ingrediente <input id="ingrediente_1" type="text" size="20" /> <div id="ingrediente_lista_1" style="" class="autocomplete"></div> ... </fieldset> </div>
Y luego tendríamos un boton para agregar el mismo:
<div id="ingredientes_list_2"></div> <button type="button" onclick="addIngrediente()">Añadir Ingrediente</button>
Por último en Prototype sería lo siguiente:
var ingredientCount = 0; function añadirIngrediente() { var html = $("ingredientes").innerHTML.replace(/XXX/g, ingredientCount++); $("ingrediente_lista_1").insert(html); }
#3 AUTOR PREGUNTA
Publicado 18 junio 2014 - 14:11
Excelente ejemplo Felipe, pude adaptarlo a mi código y ahora funcionando