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
Comments
Post a Comment