Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di tigerjack
    Registrato dal
    Aug 2003
    Messaggi
    1,661

    [Javascript] Form con campi condizionali... esempi

    Ciao come da topic
    sono newbie dell'argomento devo realizzare un form con campi di input tradizionali come nome/email/phone etc..

    poi la parte che non riesco a trovare un esempio è dei campi dropdown condizionali a seconda della scelta deve attivare/disabilitare altri dropdown...

    mi suggeriti per favore degli esempi semplici da poter modificare?

    grazie
    figlio perso e MAI ritrovato....?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    Cosa sono i campi condizionali?
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,505
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    Cosa sono i campi condizionali?
    lo ha detto andrea
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  4. #4
    codice:
    <form>
    	<fieldset>
       	<legend>Abilita/Disabilita</legend>
          <label>Prima select<br>
             <select onChange="document.querySelector('#second').disabled=this.value=='true'">
                <option value="false">Abilita seconda select</option>
                <option value="true">Disabilita seconda select</option>
             </select>
          </label>
          <br>
          <label>Seconda select<br>
             <select id="second">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
             </select>
          </label> 
       </fieldset>
    
    
       <hr>
    
       <fieldset>
       	<legend>Mostra/Nascondi</legend>
          <label>Prima select<br>
             <select onChange="document.querySelector('#two').style.display=this.value">
             	<option value="">Mostra seconda select</option>
                <option value="none">Nascondi seconda select</option>
             </select>
          </label>
          <br>
          <label id="two">Seconda select<br>
             <select>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
             </select>
          </label> 
       </fieldset>
       </fieldset>
    </form>

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