Javascript 如何通过单击表行获取dropdownlist中表行的值

我希望我的dropdownlist在单击表行时填充表行的值，我可以通过单击行在简单文本框中获取数据，但我无法在单击表行时填充dropdownlist我的代码如下：

Javascript代码

HTML

---

1不要按原样转储服务器端代码。仅发布生成的标记。2你所说的填充是什么意思？是否要更改选项并替换为当前行中的选项？3.你想从这一排拿什么？整排？哪些单元格应该进入select？我想获取表行的值，例如，我的列名是customer，它的值是该行的Ali，所以我想在dropdownlist中填写。[..]我想在dropdownlist中填写-填写或选择？抱歉，我的意思是选择值您正在寻找类似的内容-？1不要按原样转储服务器端代码。仅发布生成的标记。2你所说的填充是什么意思？是否要更改选项并替换为当前行中的选项？3.你想从这一排拿什么？整排？哪些单元格应该进入选择？我想选择表行的值，例如，我的列名是customer，它的值是该行的Ali，所以我想在dropdownlist中填充它。[..]我想在dropdownlist中填充它-填充或选择？抱歉，我的意思是选择值你在找类似这样的东西吗-？

<script>
    function showRow(row) {
        var x=row.cells;
        document.getElementById("id").value = x[0].innerHTML;
        document.getElementById("date").value = x[1].innerHTML;
        document.getElementById("name").value = x[2].innerHTML;
        document.getElementById("container").value = x[3].innerHTML;
        document.getElementById("trip").value = x[4].innerHTML;
    }
</script>

<table>
    <tr>
        <th>ID</th>
        <th>Date</th>
        <th>Customer</th>
        <th>Container</th>
        <th>Jobs</th>
    </tr>
    <tr onClick="javascript:showRow(this);">
        <td><?php echo $row->cust_id;?></td>
        <td><?php echo $row->cust_date;?></td> 
        <td><?php echo $row->c_name;?></td> 
        <td><?php echo $row->container_id;?></td>
        <td><?php echo $row->trip_id;?></td> 
    </tr> 
</table>
<label for="exampleInputEmail1">Date</label>
<input type="date" class="form-control col-md-2" id="date">
<label for="exampleInputEmail1">Customer</label>
<select class="form-control" name="cust" id="cust">
    <?php 
        foreach($cust as $row) { 
          echo '<option value="'.$row->c_id.'">'.$row->c_name.'</option>';
        }
    ?>
</select>