forms - 使用变量定义表单输入中的默认值

Question

我有一个名为 totaldue 的变量，我想在提交表单时将其用作默认值。我有代码

input type="number" name="sum-due" readonly="readonly" value=totaldue

但是这不会在表单中显示totaldue的内容。

是否可以这样做，如果可以，正确的语法是什么？

谢谢-玛丽

Answer 1

You can't assign variable to textbox via HTML. Instead place the value directly

input type="number" name="sum-due" readonly="readonly" value="5"

这只能使用 javascript 来实现或jQuery .

例如:

  <input id="my-input" type="number" name="sum-due" readonly="readonly" />

JS:

var totaldue = 5;
document.getElementById('my-input').value = totaldue;

更新:

根据您的评论，

<script>
    var totaldue = 10;
    document.getElementById('paythis').value = totaldue;
</script>

<form id="pay1" action="hotguidebelize-com.cgi-data.com/webform/5627816.cgi"; method="post">
    <label>Total amount due:</label>
    <input id="paythis" type="number" name="sum-due" readonly="readonly" />
    <input type="submit" value="Proceed To Payment" />
</form>

正如我之前所说，您无法通过 HTML 将变量分配给文本框。错误如下:

(1) 没有变量 totaldue在您的 JavaScript 中分配。

var totaldue = 5;

(2) 尝试使用 <label>标签。更多信息来自MDN .

(3) 您正在使用document.getElementById这是指 id选择器。但你还没有在input中指定id标签。更多信息来自MDN

<input id="paythis" type="number" name="sum-due" readonly="readonly" />

这里很简单JSFiddle我已经为你创建了。

请随时提出您的疑问，当我有时间时我会回复您，或者您会得到其他人的帮助。