如何使用JavaScript在表格中放置下拉菜单？

Question

我想创建一个由两列和非特定行组成的表。 在第一列中，应该只有一个字符串，名称或其他名称，但在其旁边应该是一个下拉菜单，在其中可以选择一个修改形式。 数据来自服务器和函数XY（），我想扩展在<body>区域中构造的表，但是我尝试了所有尝试，并在cell2失败时放置了下拉字段。

码：

<html>
<head>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script src="datajs-1.0.2.min.js"></script>

<script type="text/javascript">

function readCustomerSuccessCallback(data, response) {

     var customerTable = document.getElementById("CustomerTable");
        for (var i = 0; i < data.results.length; i++) {
            var row = customerTable.insertRow(1);
            var cell1 = row.insertCell(0);
            var cell2 = row.insertCell(1);
            cell1.innerHTML = data.results[i].CUSTOMER_NAME;
        cell2.innerHTML = '<a href="javascript:void(0);" onclick="readProducts(' + data.results[i].STATION_ID + ')">' + "all_data" + '</a>';


        }
    }
</script>

</head>
<body>
<table id="CustomerTable">
            <thead>
            <tr>
                <th>Customer</th>
                <th>Filter the Data</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>EXAMPLE</td>
                <td class="dropdown">
                    <form action="" name="FILTER">
                        <select name="filter_for" >
                            <option value="Druck">Druck</option>
                            <option value="Zahl">Zahl</option>
                            <option value="Temperatur">Temperatur</option>
                            <option value="Drehzahl">Drehzahl</option>
                            <option value="andere">andere</option>
                        </select>
                    </form>
                </td>
            </tr>
            </tbody>
        </table>
</body>

目前，cell2中只有一个Link，但是我想在其中放置一个下拉菜单。

Answer 1

使用Bootstrap下拉菜单。 那非常有用。 http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp

如何使用JavaScript在表格中放置下拉菜单？

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-10-05 07:51:17

如何使用JavaScript在表格中放置下拉菜单？

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-10-05 07:51:17

解决方案1
0 已采纳 2015-10-05 07:51:17