javascript - 使用 Get 提交方法 javascript 将 div 值以及来自文本字段的用户输入附加到 url

Question

我正在尝试将 div 的值添加到 URL，然后使用 GET 提交表单，以便我可以从 URL 检索数据以显示在我的结果页面上。但我不知道该怎么做。

例如： 代码：

    <form action="Receipt.html" method="GET">
    <input type= "text" id="Name" name="txtName"/>
    <div id="total">30</div>
    <input type="submit" value="Purchase" class="submit"/>
     </form>

当用户点击提交按钮时，我需要将“总计”的值与名称一起传递给 URL。我希望这是有道理的。非常感谢！

Answer 1

With use of jquery we can do this. Try this one...

Html:

<form action="Receipt.html" method="GET">
<input type= "text" id="Name" name="txtName"/>
<div id="total">30</div>
<input type= "hidden" id="txttotal" name="txttotal"/>
<input type="submit" value="Purchase" class="submit"/>
 </form>

Javascript: in document ready function

$('#txttotal').val() = $('#total').text();

In next page you can get txttotal

Answer 2

您可以使用以下方法从表单中获取您的网址：

var url = $("form").attr("action");
// add value
url+= "?divValue=" + $("#total").html();
// then you use jquery/ajax get as you planed.

Answer 3

如果您在 div 中的值是固定的或更改一次，因此您可以直接执行操作，例如

<form action="Receipt.html?total=30" method="GET">

此外，如果值随着形式的某些变化而变化，则使用 ajax 将是一个更好的选择。