Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente bannato
    Registrato dal
    Nov 2011
    Messaggi
    108

    inserimento dinamico campi form

    ciao a tutti ho adattato questo script alle mie esigenze e tutto sembra funzionare, solo che al momento di inviare il form via ajax le variabili risultano essere tutte undefined anche se i campi sono pieni
    infatti se guardo il file sorgente dopo aver creato i vari campi il codice dei nuovi input non è presente
    da cosa può dipendere?
    codice:
    <script language="JavaScript" type="text/javascript">
    <!--
    var num=1;
    
    function accoda(){if(num==10) {return false;}
    		else{
    	if(document.createElement && document.getElementById && document.getElementsByTagName) {
    		// crea elementi
    		var oTr=document.createElement("TR");
    		var oTd=document.createElement("TD");
    		var oTd1=document.createElement("TD");
    		var oTd2=document.createElement("DIV");
    		var oField=document.createElement("INPUT");
    		var oText=document.createTextNode(num+" ");
    		
    		// setta attributi
    		oTd2.setAttribute("id","object");
    		oTd2.setAttribute("style","background-color:#FC9123");
    		oTd2.setAttribute("align","left");
      		oField.setAttribute("type","text");
    		oField.setAttribute("name","image"+num);
    		oField.setAttribute("size","75");
    		oTd2.setAttribute("class","style1");
    		
    
    		// appendi al relativo padre
    		oTd2.appendChild(oText);
    		oTd2.appendChild(oField);
    		oTr.appendChild(oTd2);
    		
    		document.getElementById('tabella').getElementsByTagName('TBODY')[0].appendChild(oTr);
    
    		// incrementa variabile globale
    		
    		num++
    		}
    	}
    }
    
    function rimuovi(){
    	if(document.removeChild && document.getElementById && document.getElementsByTagName) {
    		// se non e' la prima riga
    		if(num>1){
    			// riferimento al tbody
    			var tb=document.getElementById('tabella').getElementsByTagName('TBODY')[0];
    			// riferimento all' ultimo TR
    			var lastTr=tb.getElementsByTagName('TR')[(tb.getElementsByTagName('TR').length)-1]
    			// rimuovi
    			tb.removeChild(lastTr);
    			// decrementa variabile globale
    			num--
    		}
    	}
    }
    //-->
    </script>

  2. #2
    Utente bannato
    Registrato dal
    Nov 2011
    Messaggi
    108
    up

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    se guardi il sorgente le modifiche js non le vedi, devi aprire la console js per vedere le modifiche in "tempo reale".

  4. #4
    Utente bannato
    Registrato dal
    Nov 2011
    Messaggi
    108
    ok ma il problema comunque resta, da cosa può dipendere?

  5. #5
    Utente bannato
    Registrato dal
    Nov 2011
    Messaggi
    108
    up

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    oTd2.setAttribute("id","object");
    Impostare come id object non vorrei che quest'ultima fosse una parola riservata, in oltre id dovrebbe essere univoco, pertanto credo che dovresti incrementarlo come il name, ultima annotazione credo (devo averlo letto qui sul forum) che IE non "gradisce" elemento.setAttribute prova ad impostare i dati cosi:
    oTd2.id = "oggetto"+num;
    oTd2.style.backgroundColor='#FC9123';
    oField.type='text';
    oField.name='image'+num;
    oField.size='75';
    oTd2.className='style1';
    se continua a non funzionare passa a jquery
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    Utente bannato
    Registrato dal
    Nov 2011
    Messaggi
    108
    che pirla (si può dire pirla? bhò) avevo dimenticato di settare l'id per ogni nuovo input!
    grazie mille!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.