Ya he realizado esto directamente en html pero sucede que cree esta funcion con jQuery:
Código Javascript:
Ver original
$(document).ready(function() { var MaxInputs = 8; //maximum input boxes allowed var contenedor = $("#contenedor"); //Input boxes wrapper ID var AddButton = $("#agregarCampomodelo"); //Add button ID //var x = contenedor.length; //initlal text box count var x = $("#contenedor div").length + 1; var FieldCount = x-1; //to keep track of text box added $(AddButton).click(function (e) //on add input button click { if(x <= MaxInputs) //max input box allowed { FieldCount++; //text box added increment //add input box $(contenedor).append('<div class="added"><fieldset><input type="text" name="marca[]" id="marca_'+ FieldCount +'" /><select type="text" id="marca" name="marca[]" value="" ><option value="">Seleccione Marca</option>#COMBO#</select><a href="#" class="eliminar">×</a></fieldset></div>'); x++; //text box increment } return false; }); $("body").on("click",".eliminar", function(e){ //user click on remove text if( x > 1 ) { $(this).parent('fieldset').remove(); //remove text box x--; //decrement textbox } return false; }); });
Esto lo que hace es agregar y quitar campos, pero necesito agregar un select ya cargado con datos. Como podria lograr esto? Ya se hacerlo con PHP, inclusive esta parte del codigo
Código HTML:
la estoy utilizando en otro archivo y sustituyo la palabra "#COMBO#" por el select cargado que extraigo desde un archivo PHP. Como puedo lograr esto mismo desde JavaScript? Ver original