使用变量在表单输入中定义默认值

Question

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

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

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

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

Thx-玛丽

Answer 1

您无法通过HTML将变量分配给文本框.而是直接放置值

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.

随意问你的疑惑,当我有时间我会回复或你会得到别人的帮助.