Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di Redmile
    Registrato dal
    Nov 2010
    Messaggi
    106

    Campo select che aggiorna un altro select in base all'opzione

    Ciao,

    dovrei realizzare un form simile a questo
    Come vedete in base all'opzione scelta nel campo "project type" si aggiorna il campo "budget" con le relative cifre

    come posso realizzarlo? Grazie

  2. #2
    guarda se vai con tasto destro sulla pagin e fai visualizza codice sorgente ti visualizza tutto i css e i js..... la fortuna dei programmi lato client e questo che è anche la sfortuna dei programmatore poiche a copiare il codice nn ci vuole molto...
    questo e il codice della funzione che dici te in questo modo
    codice:
    <select name="project_type" id="or" onchange="populate(this)">
    	<option value="">Choose One...</option>
            <option value="Web Design">Web Design</option>
            <option value="Web App Design">Web App Design</option>
    	<option value="Print Design">Print Design</option>
    	<option value="Logo Identity">Logo Identity</option>
            <option value="Idea Bouncer">Idea Bouncer</option>
    
    	<option value="Media Creation">Media Creation</option>
    	<option value="Just Saying Hi">Just Saying Hi</option>
    </select> 
    
    <select name="budget" id="de">
           <option value="">&larr; Choose Project...</option>
    </select> 
    
    <select name="timeline">
            <option value="">Choose One...</option>
    	<option value="2 Months">Within 2 Months</option>
    	<option value="4 Months">Within 4 Months</option>
    	<option value="6 Months">Within 6 Months</option>
    	<option value="Whenever">Whenever</option>
    
            <option value="None">None</option>
    </select>
    il codicejs e questo
    codice:
    <script type="text/javascript">
    		function populate(o)
    		{
    			d=document.getElementById('de');
    			if(!d){return;}			
    			var mitems=new Array();
                            mitems['Idea Bouncer']=['$250 per hour'];
    			mitems['Web Design']=['$7,500 - $10,000','$10,000 - $15,000','$15,000 - $20,000','$25,000 - $50,000','$50,000 - $100,000','$100,000+'];
                            mitems['Web App Design']=['$15,000 - $20,000','$25,000 - $50,000','$50,000 - $100,000','$100,000+'];
    			mitems['Print Design']=['$1,000','$2,000','$3,000','$5,000+'];
    			mitems['Logo Identity']=['$2,000','$3,000','$5,000+'];
    			mitems['Media Creation']=['$1,500','$3,000','$5,000+'];
                            mitems['Just Saying Hi']=['Dudes, your website is kick-awesome!','I might be stalking you...','What is up?','Showing some love.'];
    
    			d.options.length=0;
    			cur=mitems[o.options[o.selectedIndex].value];
    			if(!cur){return;}
    			d.options.length=cur.length;
    			for(var i=0;i<cur.length;i++)
    			{
    				d.options[i].text=cur[i];
    				d.options[i].value=cur[i];
    			}
    		}
        </script>

  3. #3
    Utente di HTML.it L'avatar di Redmile
    Registrato dal
    Nov 2010
    Messaggi
    106
    Grazie non c'avevo proprio pensato a guardare il sorgente

  4. #4
    Utente di HTML.it L'avatar di Redmile
    Registrato dal
    Nov 2010
    Messaggi
    106
    ho un problema, provando a sostituire il dollaro con l'euro nello script mi da un simbolo strano, ho provato anche col codice html &euro; ma mi ritorna la scritta senza il simbolo

  5. #5
    Utente di HTML.it L'avatar di Redmile
    Registrato dal
    Nov 2010
    Messaggi
    106
    Originariamente inviato da Redmile
    ho un problema, provando a sostituire il dollaro con l'euro nello script mi da un simbolo strano, ho provato anche col codice html &euro; ma mi ritorna la scritta senza il simbolo
    risolto, bisognava inserire \u20ac

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.