Füllen Sie andere HTML-Tabellenzellen mit einem Dropdown-Menü aus einer anderen Tabelle Zelle

Question

Ich muss eine Kontaktliste für mein Team auf unserer Website implementieren und da es eine große Anzahl von Kontakten gibt, möchte ich nur eine einzige Tabelle haben Zelle mit einem Dropdown-Menü und einmal angeklickt, wird es die anderen Zellen neben ihm mit den entsprechenden Informationen auf der Grundlage der Auswahl bevölkern.

Ich bin sehr neu in HTML, so dass ich nicht einmal sicher bin, wie das Dropdown-Menü funktioniert.

Bis jetzt die Antwort, die ich unten erhielt, tut nicht ganz, was ich suche.

Unten habe ich ein Bild von dem, was meine Tabelle mit CSS aussieht, hinzugefügt und ich möchte die ersten zwei Zellen haben, die die Abteilung und ihre Abteilung bevölkern. Die anderen Zellen werden sie füllen basierend auf der Auswahl der erst beide:

Answer 1

Den Versuch, diese

<tr> 
     <td> 
     <select>   
       <option value="department-1">Department</option> 
       <option value="department-2">Department</option> 
       <option value="department-3">Department</option> 
       <option value="department-4">Department</option> 
       <option value="department-5">Department</option> 
     </select> 
     </td> 

     <td> 
     <select>   
       <option value="division-1">Division</option> 
       <option value="division-2">Division</option> 
       <option value="division-3">Division</option> 
       <option value="division-4">Division</option> 
       <option value="division-5">Division</option> 
     </select> 
     </td> 
    </tr> 

Und halten Sie gerade hinzufügen