salve, stò costruendo una specie di form inserimento campi!

diciamo che ho due select : in una seleziono quanti campi (del tipo input type=text) visualizzare, nell'altra seleziono dei separatori tra questi campi.
(es. se nelle due select seleziono 10 e 2, mi mostrerà 10 input type='text' separate da un div 2 a 2).

ora, l'approccio che ho scelto è di (lato server) crearle tutte e nasconderle (display:none). quando seleziono il numero, scateno un evento JS che cambia la classe e visualizza le prime n.

è l'approccio giusto? perchè ho notato che genera un codice di 18000 righe di html (dentro a ogni singolo div poi ho altri select).

oppure c'è la possibilità di aggiungere (con jquery magari) dei div dentro ad altri div?

cordiali saluti