Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di dany0
    Registrato dal
    Feb 2003
    Messaggi
    422

    autoselezione opzioni menu

    ciao a tutti, sto cercando di fare una cosa ma son bloccato...

    ho un campo txt e un campo elenco/menu con già le voci inserite.
    io vorrei che scrivendo nel campo txt si selezionasse in automatico la relativa opzione nel campo elenco..

    esempio

    <input type="text" name="sel1" id="sel1" onKeyPress="prova()">

    <select name="sel3" id="sel3">
    <option value="architetto">architetto</option>
    <option value="geometra">geometra</option>
    <option value="geometrico">geometrico</option>
    </select>

    appena scrivo architetto dovrebbe selezionarsi l'opzione 1, mentre se scrivo geometra l'opzione 2 ecc....

    ho iniziato a buttar giu due righe ma non so come proseguire....

    function prova() {

    formord.sel3.value=formord.sel1.value // sbagliato....

    }

  2. #2
    ---
    --Fletto i muscoli e sono nel vuoto--

  3. #3
    Io ti suggerirei di far partire la funzione sull'onKeyUp.
    Prova qualcosa tipo
    codice:
    function prova(testo){
        var sel3=document.getElementById("sel3");
        for(var i=0;i<sel3.length;i++){
        if(testo==sel3.options[i].value)sel3.selectedIndex=i;
        }
    }
    Scusami sono al lavoro e al momento non te la posso controllare se è corretta, spero di averti dato qualche spunto.


    Edit: avevo lasciato il nome della mia select :rollo:
    --Fletto i muscoli e sono nel vuoto--

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649

    Re: autoselezione opzioni menu

    codice:
    function prova() {
    var f=document.formord;
    var valore=f.sel1.value;
    for(var n=0;n<f.sel3.options.length;n++){
      if(f.sel3.options[n].value==valore){
        f.sel3.selectedIndex=n;
        break;
      }
    }
    }
    ciao

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.