Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Stanza237
    Guest

    cambiare contenuto textbox

    Salve a tutti!
    Non so se questo è il posto giusto, cmq:
    devo realizzare un modulo con una select e un textbox e a seconda dell'opzione scelta sulla select dovrei cambiare il contenuto della textbox. Come posso fare?
    se necessario posso usare anche asp...

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    709
    Potresti provare in questo modo:
    codice:
    function fillText() {
      var f=document.form['nomeForm'];
      var s=f.elements['nomeSelect'];
      var t=f.elements['nomeTextBox'];
    
      for (var i=0; i<s.length; i++) {
        if (s.options[i].selected) { // se l'opzione è selezionata
          t.value=s.options[i].value; // copia il valore della select nella textbox
          break; // smetti di controllare
        }
      }
    }
    Poi richiami la funzione all'evento onChange della select

  3. #3
    Stanza237
    Guest
    non l'ho provato, ma in questo caso mette il contenuto di value della opzione della select nel textbox? Io vorrei che selezionando
    <option value=mestesso@ildavid.com>Mestesso</option>
    metta nella textbox: 2la mia mail"

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    709
    In teoria, lo script dovrebbe copiare all'interno della textbox il valore dell'attributo value della select (nel tuo esempio: mestesso@ildavid.com). Se invece vuoi che venga copiato il testo associato alla select (per intenderci: "Mestesso"), credo che tu debba utilizzare la funzione "getInnerHTML()" (o qualcosa di simile: io non l'ho mai usata e la conosco solo per "sentito dire").
    Secan

  5. #5
    Stanza237
    Guest
    no, voglio mettere qlcsa che proprio non c'entra niente:
    se la option è: <option value=mestesso@ildavid.com>Mestesso</option>
    io voglio nella text box: "la mia mail"
    E' una cosa che ho visto in certi moduli, che tipo scegli la provincia e loro ti danno la città...

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    709
    In questo caso, prova così (nell'esempio ipotizzo che tu abbia tre possibili opzioni per la tua select):
    codice:
    function scriviText() {
      var f=document.form['nomeForm'];
      var s=f.elements['nomeSelect'];
      var t=f.elements['nomeTextBox'];
    
      switch(s.selectedIndex) {
        case 0:
          t.value="Hai scelto la opzione numero 1 'PIPPO'";
          break;
        case 1:
          t.value="Hai scelto la opzione numero 2 'PLUTO'";
          break;
        case 2:
          t.value="Hai scelto la opzione numero 3 'PAPERINO'";
          break;
        default:
          t.value="Non hai ancora scelto nessuna opzione";
      }
    }

  7. #7
    Stanza237
    Guest
    e come la richiamo?
    <option onChange="scriviText();">mestesso</option>
    va bene? o devo mettere il numero del richiamo tra parentesi?

  8. #8
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    709
    No, tra parentesi non devi mettere nulla, ti basta richiamare la funzione all'evento onChange della select:
    codice:
    <select onchange="scriviText();">
      <option>...
      <option>...
      <option>...
    </select>

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.