gpt4 book ai didi

javascript - 在javascript中动态生成表单

转载 作者:行者123 更新时间:2023-11-29 22:35:52 24 4
gpt4 key购买 nike

大家好试图生成一个将进入表格单元格的一键式表单。问题是这需要在 javascript 中动态生成。该表还有其他几个值。我先在没有表格部分的情况下制作了表格,一切正常......现在表格根本没有生成。

我知道我生成表单的方式不正确,但我不确定为什么......请帮忙!

谢谢

function populateInventory() {
clearTable(); //This works
var artistIndex = byId('artist').selectedIndex;
var albumIndex = byId('albumSelect').selectedIndex;
var inventoryArray = inventoryNames[artistIndex][albumIndex];

for (i = 0; i < inventoryArray.length; i++) {
var idValue = inventoryArray[i][2];
var conditionValue = inventoryArray[i][3];
var priceValue = inventoryArray[i][4];

var table = byId('table');
var row = table.insertRow(i + 1);

var submitCell = row.insertCell(0);
var idCell = row.insertCell(1);
var conditionCell = row.insertCell(2);
var priceCell = row.insertCell(3);

//Begin problem?!
var form = document.createElement("form");
form.method = "post";
form.action = "<?php echo $_SERVER[PHP_SELF];?>";
var inventoryIdElement = document.createElement("<input name='inventoryIdElement' type='hidden' value='" + idValue + "' ></input>");
form.appendChild(inventoryIdElement);
var submitElement = document.createElement("<input name='submit' type='submit' value='Remove' ></input>");
form.appendChild(submitElement);

//End problem?!
var idElement = document.createTextNode(idValue);
var conditionElement = document.createTextNode(conditionValue);
var priceElement = document.createTextNode("$" + priceValue);

submitCell.appendChild(form);
idCell.appendChild(idElement);
conditionCell.appendChild(conditionElement);
priceCell.appendChild(priceElement);
}
}

最佳答案

您是否考虑过使用一个好的库来进行 DOM 操作,例如 jQuery、YUI、Prototype、Dojo、Ext 等?对于这类事情,它会让您的生活变得更轻松。

关于javascript - 在javascript中动态生成表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5138436/

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