Populate other HTML table cells with a dropdown from another Table Cell -

i having create contacts list team implement on our website , since there large number of contacts, have single table cell drop down menu , once clicked, populate other cells next respected information based on selection.

i new html not sure how make dropdown work.

<div class="table-responsive">   <table class="table table-striped table-bordered table-hover" style="text-align:center;">     <thead>       <tr>         <th>department</th>         <th>division</th>         <th>number</th>         <th>cti</th>         <th>email</th>       </tr>     </thead>      <tbody style="overflow-y:scroll; height:200px;">       <tr>         <td class="select">           <select>             <option value="department">department</option>             <option value="saab">division</option>             <option value="number">number</option>             <option value="cti">cti</option>             <option value="email">email</option>           </select>         </td>         <td class="select">           <select>             <option value="billing">billing</option>             <option value="retention">retention</option>             <option value="sales">sales</option>             <option value="support">support</option>             <option value="management">management</option>           </select>         </td>         <td>           number         </td>         <td>           cti         </td>         <td>           email         </td>       </tr>      </tbody>   </table> </div> 

so far answer got below doesn't quite looking for.

below have added picture of table looks css , have first 2 cells populate department , division. other cells populate based on selections of first two:

trying

   <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> 

and keep adding