gpt4 book ai didi

javascript - 如何通过填充从数据库获取的数据来自动在 HTML 表中创建行

转载 作者:行者123 更新时间:2023-11-29 16:45:51 25 4
gpt4 key购买 nike

大家好,我在 MYSQL 中有一个数据库表,其中包含许多名为“mezziDiTrasporto”的行。我的目标是创建一个表,一旦对该表执行 SELECT,就会自动生成由从数据库表中提取的数据填充的行这一切都可以做到吗?

<html>
<body>
<table>
<tr>
<td style="vertical-align: middle;" align="center">SI/NO</br><input type="checkbox" class="chkView"/></td>
<td bgcolor="#DCDCDC"><input type="text" name="idMezzo" id="idMezzo" width="75px" class="chkEdit" enable></td>

<td><form action="">
<select name="mezziDiTrasporto" class="chkEdit" enable>
<optgroup label="1 - Mezzi d'opera">
<option value="http://www.html.it">Escavatore</option>
<option value="http://www.html.it/javascript">Terna</option>
<option value="http://www.html.it/css">Pala</option>
<option value="http://www.html.it/css">Autobenpompa</option>

</optgroup>

<optgroup label="2 - Automezzi">
<option value="http://font.html.it">Camion</option>
<option value="http://cgipoint.html.it">Autovetture </option>
<option value="http://www.html.it/css">Autocarro</option>
<option value="http://www.html.it/css">Furgoni</option>
</optgroup>
<optgroup label="3 - Mezzi di sollevamento (All. VII del D-Lgs. 81/08)">
<option value="http://font.html.it">Gru</option>
<option value="http://cgipoint.html.it">CamionGru </option>
<option value="http://www.html.it/css">AutoGru</option>
<option value="http://www.html.it/css">PLE</option>
</optgroup>
<optgroup label="4 - Attrezzature">
<option value="http://font.html.it">Trapani</option>
<option value="http://cgipoint.html.it">Sega Circolare</option>
<option value="http://www.html.it/css">Martelli demolitori</option>
<option value="http://www.html.it/css">Trabatelli</option>
</optgroup>

</select>
</form> </td>
<td><input type="text" name="id7" id="id8" width="75px" class="chkEdit" enable></td>
<td><input type="text" name="id8" id="id9" width="75px" class="chkEdit" enable></td>
<td><input type="text" name="id9" id="id10" width="75px" class="chkEdit" enable></td>
<td><input type="text" name="id10" id="id11" width="75px" class="chkEdit" enable></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">
<p>Carica file </p>
<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div>
</td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Upload file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file" >

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable >

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td><div id="drop_file_zone" ondrop="upload_file(event)" ondragover="return false">

<div id="drag_upload_file">

<p>Carica file </p>

<p></p>

<p><input type="button" value="Select File" onclick="file_explorer();" class="chkEdit" enable></p>

<input type="file" id="selectfile" class="chkEdit" enable>

</div>

</div></td>
<td></td>
<td width="144" bgcolor="#6DFD1E">AUTORIZZATO /<br>
NON AUTORIZZATO</td>
<td width="138">SI se Y e AB sono OK e AA Foglio Aut. Sub.</td>
<td>Scarica Badge mezzo</td>
<td width="165">Se SI, stampa badge con data autorizzazione dalla Casella AC58 foglio Aut. Singolo Sub</td>
</tr>
</table>
</body>
</html>

下面我发布了我的 HTML 表格的屏幕截图,我必须使其变得动态

enter image description here

我的问题是:我可以创建一个函数来添加数据库中有多少行的表的这么多行( <tr> )吗?是否已经有一个预制函数可以执行此任务?问这个问题是因为我不知道如何开发这个功能的代码。

最佳答案

@Andrea Pilenga。如果您希望我详细说明以下任何步骤,请告诉我。

使用从数据库中选择的数据动态填充表的步骤:

1) 从数据库中的 php 数组变量 $records 中获取记录。2)在PHP文件中,还创建一个函数generateRows()并将$records作为参数传递给它。 generateRows() 函数看起来有点像下面这样:

function generateRows($records)
{
$html = "";

foreach($records as $row)
{
$html .= "<tr><td>$row['".column1."']</td><td>$row['".column2."']</td><td>$row['".columnn."']</td></tr>";
}
return $html;
}

在 php 标签 () 中定义了 html 表格的标题行之后,调用上面的函数。

如果有任何不明白或需要详细说明的地方,请告诉我。

关于javascript - 如何通过填充从数据库获取的数据来自动在 HTML 表中创建行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53115037/

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