gpt4 book ai didi

javascript - 如何在表格中添加下拉列表?

转载 作者:行者123 更新时间:2023-11-30 12:14:04 25 4
gpt4 key购买 nike

以下情况:

我正在编写一个网络应用程序,它从服务器获取数据。我想把这些数据放在一个有两列的表中。在第一列中应该有一个名称,在第二列中应该有一个下拉列表,用于选择我想获得关于第一列中的名称的哪些详细信息。

我的代码:

<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 = "data.results[i].CUSTOMER_NAME";
cell2.innerHTML = '<a href="javascript:void(0);" onclick="readProducts(' + data.results[i].STATION_ID + ')">' + data.results[i].CUSTOMER_NAME + '</a>';

}
}
</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" size="5">
<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>
</html>

我的问题是,该函数不会在第二列中创建下拉列表。我是 html 和 Javascript 的新手,在网络上搜索没有帮助。

最佳答案

你可以试试这个:

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

DEMO FIDDLE

关于javascript - 如何在表格中添加下拉列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32907642/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com