Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    select di link gestiti da radio button

    Ho una select e 3 diversi radio button.
    Nella select ad es ho milano, roma , palermo;
    I radio button sono ad es aeroporti, porti, autostrade;
    Se scelgo milano e aeroporti mi porta ad una pagina, se scelgo milano autostrade ad un'altra.
    Premettendo che non so programmare con javascript potete fornirmi un link ad un tutorial di questo tipo o farmi un esempio che possa riadattare alle mie esigenze?
    Grazie in anticipo

  2. #2
    Una mano ragā per favore...

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    esempio
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
    <head>
    <title>link da option e radio</title>
    <script type="text/JavaScript">
    /*<![CDATA[*/
    function vai(){
    	var f=document.getElementById('modulo');
    	var sel=document.getElementById('idSelect')
    	var selVal=sel.options[sel.selectedIndex].value;
    
    	var rd=f.elements['mezzo'];
    	var rdVal=false;
    	for(var x=0;x<rd.length;x++){
    		if(rd[x].checked) rdVal=rd[x].value;
    	}
    	var locStr='http://www.dominio.it/'+selVal+'_'+rdVal+'.htm';
    	self.location.href=locStr;
    }
    /*]]>*/
    </script>
    </head>
    <body>
    <form id="modulo">
    <select id="idSelect">
      <option value="mi">Milano</option>
      <option value="ro">Roma</option>
      <option value="pa">Palermo</option>
    </select>
    
    
    <input type="radio" id="aereo" name="mezzo" value="aereo" /><label for="aereo">aereoporti</label>
    
    <input type="radio" id="nave" name="mezzo" value="nave" /><label for="nave">porti</label>
    
    <input type="radio" id="auto" name="mezzo" value="auto" /><label for="auto">autostrade</label>
    
    <input type="button" value="vai" onclick="vai()" />
    
    vai
    </form>
    </body>
    </html>
    ciao

  4. #4
    Grazie 1000 per la disponibilitā e gentilezza.

  5. #5
    Risolto...

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.