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

【问题标题】：append div value into url, along with user input from text field using Get submitting method javascript使用 Get 提交方法 javascript 将 div 值以及来自文本字段的用户输入附加到 url
【发布时间】：2012-11-28 19:30:52
【问题描述】：

我正在尝试将 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>

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

【问题讨论】：

我只希望这个 URL 没有指定用户需要为购买支付多少...
你打算做一个ajax请求
我需要用javascript来做这个。
Roman - 我不确定您的评论是什么意思...这是我正在努力学习的学校作业。因此，信息不必是私密的。

标签： javascript url get append

【解决方案1】：

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

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

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

【讨论】：

div 的值不是固定的，它的变化取决于用户输入。我正在考虑使用 getElementById 将值传递到变量中，并以某种方式将变量粘贴到 URL 中。不知道该怎么做。 从头开始
在这种情况下使用 AJAX 会更好。简单易行。

【解决方案2】：

您可以通过以下方式从表单中获取您的网址：

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

【讨论】：

【解决方案3】：

使用 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

【讨论】：

我对 Jquery 完全不熟悉，您介意再扩展一下代码吗？谢谢！