Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    320

    selezione multipla su lista

    Ciao a tutti.. non essendo un genio in javascript ho la seguente domanda da porvi. mi trovo in questa situazione:

    mi costruisco dinamicamente all'interno di una select -> option una lista di nomi in questo formato:

    ....
    Luca Verdi (italiano)
    Mario Rossi (matematica)
    Andrea Bianchi (italiano)
    Franco Verdi (inglese)
    ....

    Ora al di sotto di questa lista ho delle checkbox che con i seguenti valori:

    italiano
    matematica
    inglese

    Vorrei che selezionando la mia checkbox venissero selezionati nella mia lista di utenti i nomi che hanno come riferimento la materia selezionata dalla checkbox

    Qualcuno riesce a darmi una mano??

    Ciao e grazie

  2. #2
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Prova questo...

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    </head>
    <body>
    <script language="JavaScript" type="text/javascript">
    <!--
    
    function selectUnselect(aCheckbox,indice) {
     for (i=0;i<mySelect.options.length;i++) {
      if (mySelect.options[i].value == indice) {
       mySelect.options[i].selected = aCheckbox.checked;
    	} // if (mySelect.options[i].value == indice)
     } // for (i=0;i<mySelect.options.length;i++)
    } // function select(i)
    
    var arrPersone = new Array();
    
    arrPersone[0] = new Array(); 
    arrPersone[0][0] = "Luca Verdi (italiano)"; 
    arrPersone[0][1] = "Andrea Bianchi (italiano)"; 
    arrPersone[0][2] = "fine";
    
    arrPersone[1] = new Array(); 
    arrPersone[1][0] = "Franco Verdi (inglese)";
    arrPersone[1][1] = "fine";
    
    arrPersone[2] = new Array(); 
    arrPersone[2][0] = "Mario Rossi (matematica)"; 
    arrPersone[2][1] = "fine";
    
    arrPersone[3] = new Array(); 
    arrPersone[3][0] = "Badaze (Francese)"; 
    arrPersone[3][1] = "fine";
    
    arrPersone[4] = new Array(); 
    arrPersone[4][0] = "fine";
    
    
    //-->
    </script>
    <select id="mySelect" multiple>
    </select >
    
    
    
    
    <input type="checkbox" id="italiano" onclick="selectUnselect(this,0);">italiano
    
    <input type="checkbox" id="matematica" onclick="selectUnselect(this,2);">matematica
    
    <input type="checkbox" id="inglese" onclick="selectUnselect(this,1);">inglese
    
    <input type="checkbox" id="francese" onclick="selectUnselect(this,3);">francese
    
    
    
    <script language="JavaScript" type="text/javascript">
    <!--
    //----- Riempire select
    i = 0;
    while (arrPersone[i][0] != "fine") {
     j=0;
     while (arrPersone[i][j] != "fine") {
      var curOption = document.createElement("OPTION");
      mySelect.options.add(curOption);
      curOption.innerText = arrPersone[i][j];
      curOption.value = i;
      j++;
     }
     i++;
    }
    //-->
    </script>
    
    </body>
    </html>

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    320
    Perfetta... l'ho modificata secondo le mie esigenze e va che è una meraviglia..

    GRAZIE MILLE

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.