Visualizzazione risultati 1 fino 2 di 2

Discussione: display:none; da javascript a SELECT html

  1. #1
    diegovieni non è connesso Neofita
    Data registrazione
    22-03-2017
    Messaggi
    9

    Post display:none; da javascript a SELECT html

    Salve a tutti e grazie in anticipo a chi saprà aiutarmi. Il problema è il seguente: ho tre SELECT e, in base alla scelta del primo select, devo far comparire uno dei due select. Mi spiego meglio col codice:

    Codice HTML:
    <select id="scegli"><option>Lista 1</option><option>Lista 2</option></select>
    
    <select id="listauno" style="display:none;"><option>Marco</option><option>Giulia</option></select>
    <select id="listadue" style="display:none;"><option>Salvo</option><option>Alessia</option></select>
    Se scelgo Lista 1 dal primo select, dovrà settarmi su display:visible; solo il select listauno. Viceversa se scelgo Lista 2. Volevo farlo in Jquery o Javascript. Come posso fare?

  2. #2
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    2,911

    Predefinito

    Salve,
    può farlo con javascript così:
    Codice HTML:
    <script>
    function CambiaLista()
    { 
      if(document.getElementById("scegli").value=='Lista1'){document.getElementById("listauno").style.display = 'block';document.getElementById("listadue").style.display = 'none';}
      if(document.getElementById("scegli").value=='Lista2'){document.getElementById("listauno").style.display = 'none';document.getElementById("listadue").style.display = 'block';} 
      
      if(window.editor){window.editor.refresh();}
    }
    </script>
    
    <select id="scegli" onchange="CambiaLista()">
    <option selected="selected" value="Lista1">Lista 1</option>
    <option value="Lista2">Lista 2</option>
    </select><br><br>
    
    <select id="listauno">
    <option value="Marco">Marco</option>
    <option value="Giulia">Giulia</option>
    </select>
    
    <select id="listadue" style="display:none;">
    <option value="Salvo">Salvo</option>
    <option value="Alessia">Alessia</option>
    </select>
    Cordiali saluti.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •