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

Question

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

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

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

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

谢谢-玛丽

Answer 1

您不能通过 HTML 将变量分配给文本框。而是直接放置值

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

这只能使用javascriptor 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) 您的 javascript 中没有totaldue分配变量。

var totaldue = 5;

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

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

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

这是我为您创建的简单JSFiddle 。

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

Answer 2

如果你想在 html 元素中设置一个默认值，你有两个选择

选项1

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

选项 2 - 使用 javascript/jquery（如果您被允许使用）

html

<input type="number" id="totalDueTextbox" name="sum-due" readonly="readonly" value="your_literal_value" />

Javascript

$(document).ready(function() { 

 var totaldue = 200;
 $("#totalDueTextbox").val(totaldue);
});