使用获取提交方法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

使用jQuery，我们可以做到这一点。 试试这个...

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：文件准备功能

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

在下一页中，您可以获得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将是更好的选择。