Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2013
    Messaggi
    19

    Popolare con una query campi select creati dinamicamente

    codice:
    <script language="JavaScript" type="text/javascript">
    
    var num=1;
    function accoda(){if(document.createElement && document.getElementById && document.getElementsByTagName) {
    
    		//Crea variabili
    		var rigo=document.createElement("TR");
    		var colonna1=document.createElement("TD");
    		var colonna2=document.createElement("TD");
    		var colonna3=document.createElement("TD");
    		var inp1=document.createElement("SELECT");
    		var inp2=document.createElement("INPUT");
    		var button=document.createElement("INPUT");
    
    		//Setta attributi
      		inp1.setAttribute("type","text");
    		inp1.setAttribute("name","txtCodice"+num);
    		colonna1.style.textAlign="center";
      		inp2.setAttribute("type","text");
    		inp2.setAttribute("name","txtQuantita"+num);
       		colonna2.style.textAlign="center";
    		button.setAttribute("type","button");
    		button.setAttribute("value","-");
    
    
    		// setta gestore evento
    		if(button.attachEvent) button. attachEvent('onclick',function(e){rimuovi(e);})
    		else if(button.addEventListener) button. addEventListener('click',function(e){rimuovi(e);},false)		
    
    		// appendi al relativo padre
    		colonna1.appendChild(inp1);
    		colonna2.appendChild(inp2);
    		colonna3.appendChild(button);
    		rigo.appendChild(colonna1);
    		rigo.appendChild(colonna2);
    		rigo.appendChild(colonna3);
    		
    		document.getElementById('tabella').getElementsByTagName('TBODY')[0].appendChild(rigo);
    
    		// incrementa variabile globale
    		num++
    	}
    document.getElementById("contatore").value=num
    }
    
    function rimuovi(e){
    	if(document.removeChild && document.getElementById && document.getElementsByTagName) {
    		if(!e) e=window.event;
    		var srg=(e.target)?e.target:e.srcElement;
    
    		// risali al tr del td che contiene l' elemento che ha scatenato l' evento
    		while(srg.tagName!="TR"){srg=(srg.parentNode)?srg.parentNode:srg.parentElement}
    
    		// riferimento al tbody
    		var tb=document.getElementById('tabella').getElementsByTagName('TBODY')[0];
    		
    		// rimuovi
    		tb.removeChild(srg);
    		num--
    }
    document.getElementById("contatore").value=num	
    }
    
    
    </script>
    Qualche giorno fa copiai dal forum questo utilissimo codice che permette di creare textbox dinamiche. Ho modificato l'elemento inp1 in un campo select. Adesso avrei bisogno di popolarlo con una query ... Qualcuno sa darmi una mano?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Usa ajax per richiamare la query che crea direttamente le option che inserirai nella select
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2013
    Messaggi
    19
    Non conosco ajax. Potresti essere così gentile da postarmi il codice?
    Pleaseee. Grazie in anticipo

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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 © 2025 vBulletin Solutions, Inc. All rights reserved.