Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Attivazione campi form

  1. #1

    Attivazione campi form

    Vorrei fare in modo che alcuni campi di una form si attivino dopo la selezione di un valore dalla modulo di select:

    codice:
    <form>
        <select name="selezione">
            <option value="">.:: Seleziona campo ::.</option>
            <option value="1">Attiva campo 1</option>
            <option value="2">Attiva campo 2</option>
        </select>
    
        Campo 1: <input type="text" name="campo 1">
    
        Campo 2: <input type="text" name="campo 2">
    </form>
    In questo codice per esempio, fare in modo che selezionando l'opzione 1 mi si attivi il campo testo 1 e il 2 rimanga disattivato, e che selezionando l'opzione 2 mi si attivi il campo testo 2 e l'1 rimanga disattivo. Please help me! grazie.

    Fabio

  2. #2
    Questo problema si risolve utilizzando javascript, quindi dovresti chiedere ad un moderatore di spostarti nel forum di Scripting.

  3. #3
    Prova questo:

    codice:
    <script>
    function x(obj) {
    f = obj.form
    v = obj.options[obj.selectedIndex].value
    for (var i=0;i<f.elements.length;i++) {
      el = f.elements[i]
      if (el.type=="text") el.disabled=(el.value!=v)
    }
    }
    </script>
    
    <form>
        <select name="selezione" onchange="x(this)">
            <option value="">.:: Seleziona campo ::.</option>
            <option value="1">Attiva campo 1</option>
            <option value="2">Attiva campo 2</option>
        </select>
    
        Campo 1: <input type="text" name="campo1">
    
        Campo 2: <input type="text" name="campo2">
    </form>
    Provare paura per un qualcosa che ti possa capitare nel futuro non ti evita quell'evento,ti fa soltanto vivere un presente sbagliato!

  4. #4
    Grazie maximum... era proprio quello che cercavo!!

  5. #5
    Prego.
    Provare paura per un qualcosa che ti possa capitare nel futuro non ti evita quell'evento,ti fa soltanto vivere un presente sbagliato!

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.