如何使用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