Text 在另一个文本字段中的数字输入之后的html格式的其他文本字段

我使用html表单，使用php将数据发送到sql数据库

我的问题是，我有一个动态的项目数量值，每个订单都会发生变化，我试图避免为所有订单添加x个额外的文本字段

更好的解决方案是在文本字段中输入一个值，然后在表单中显示相同数量的其他文本字段

有没有办法做到这一点

---

谢谢

好的。因此，在按下

submit

按钮之前，您希望根据用户的请求显示多个输入字段。我的第一种方法是用javascript实现

让我们假设这种形式：

<form>
<p><input name="myInput1" /></p>
<button type="submit">submit</button>
</form>

提交

您可以包括一个额外的按钮来添加新行：

<form>
<p><input name="myInput1" /></p>
<button type="button" onclick="addInput(this.form)">add input</button>
<button type="submit">submit</button>
</form>

添加输入
提交

。。。处理函数应该是这样的：

<script type="text/javascript">
function addInput(form)
{
    // Create a new <p><input> node at the end of the form, throughput the DOM API:

    // Get the last <p> element of the form
    var paragraphs=form.getElementsByTagName("P")
    var lastParagraph=paragraphs[paragraphs.length-1]

    // Create a new <p> element with a <input> child:
    var newParagraph=document.createElement("P")
    var newInput=document.createElement("INPUT")
    // Name the <input> with a numeric suffix not to produce duplicates:
    newInput.name="myInput"+(1+paragraphs.length)
    newParagraph.appendChild(newInput)

    // Add the created <p> after the last existing <p> of the form:
    form.insertBefore(newParagraph, lastParagraph.nextSibling)
}
</script>

函数addInput（表单）
{
//在表单末尾创建一个新的节点，使用DOM API：
//获取表单的最后一个元素
var段落=form.getElementsByTagName（“P”）
var Last段落=段落[段落长度-1]
//使用子元素创建新的元素：
var new段落=document.createElement（“P”）
var newInput=document.createElement（“输入”）
//使用数字后缀命名，以避免产生重复项：
newInput.name=“myInput”+（1+段落长度）
new段落.appendChild（newInput）
//将创建的添加到表单的最后一个现有之后：
form.insertBefore（新段落，最后段落，下一个段落）
}

---

（请注意，所有呈现逻辑都是在客户端（HTML+javascript）执行的，当表单最终提交时，服务器只会收到一组对名称+值。）

是否要开发一个网页，为每次使用显示不同数量的输入字段（应用户请求）？是，但是我希望在不按提交按钮的情况下实现这一点。太棒了，如果您不介意的话，请您解释一下“var段落=form.getElementsByTagName（“P”）var lastParague=段落[parations.length-1]var newParague=document.createElement（“P”）部分。谢谢你。我在回答中添加了一些注释。如果您是DOM API新手，我建议您阅读官方文档：