Javascript 如何将列表项转换为输入元素？

我有这个表单，我需要将列表项转换为输入，以便通过POST提交。我试图在每个列表项中添加一个隐藏的输入。这是我的密码：

函数添加（）{
设ul=document.getElementById（'basket-list'）；
设li=document.createElement（'li'）；
让item=document.getElementById（'code-input'）；
//在这里，我尝试附加一个隐藏的输入，但它不起作用
让输入=document.createElement（'input'）
setAttribute（“类型”、“隐藏”）；
input.setAttribute（“名称”、“名称”）；
输入.setAttribute（“值”、“值”）；
//li.appendChild（document.createTextNode（输入））；
//item.appendChild（document.createElement（'input'））；
ul.儿童（li）；
控制台日志（ul）；
让lis=document.getElementById（'basket-list'）.childNodes；
让列表=[]；
for（设i=1；i

添加

出于测试目的，我使用了

文本

元素而不是隐藏元素

两件大事是，附加

输入

和附加item.value的文本节点，以便您可以看到添加的文本

li.appendChild(input);
li.appendChild(document.createTextNode(item.value));

函数添加（）{
设ul=document.getElementById（'basket-list'）；
设li=document.createElement（'li'）；
让item=document.getElementById（'code-input'）；
//在这里，我尝试附加一个隐藏的输入，但它不起作用
让输入=document.createElement（'input'）
输入.setAttribute（“类型”、“文本”）；
input.setAttribute（“名称”、“名称”）；
input.setAttribute（“值”，item.value）；
li.追加子项（输入）；
li.appendChild（document.createTextNode（item.value））；
ul.儿童（li）；
让lis=document.getElementById（'basket-list'）.childNodes；
让列表=[]；
for（设i=1；i

添加

input.setAttribute（“值”，item.value）；li.追加（输入）；li.textContent=item.value

唯一的错误是您忘记将新输入附加到

li

。您还应该给输入一个合适的名称和值，但我想这只是为了测试：）谢谢！是的，我正在测试！哦对，value属性也必须是item.value，我明白了。谢谢