javascript - 为 html 表单 GET 方法添加附加文本

Question

当使用表单的“get”方法时，

<form action="domain.com" method="get">
    Surname: <input type="text" name="ABC"><br>
    Name: <input type="text" name="DFG"><br>
    <input type="submit" value="Submit">
</form>

输入将被发送到服务器上名为

的页面

domain.com/?ABC=姓氏&DFG=姓名

我的问题:如何编辑表单以使输入发送到名为的页面

domain.com/?ABC=“姓氏”&DFG=“姓名”

(注意两个输入周围的“”。

请指教。谢谢!

Answer 1

为什么需要将它们放在引号中？

表单 GET 中的网站应该能够理解您发送给它的表单输入(不带引号)。如果您确实需要添加引号(或表单输入中的任何其他内容)，您可以使用 jQuery 来完成。

类似于

$("form").submit(function(event) {
   $.get('domain.com', { name: ..., surname: ...});
   event.preventDefault();
});

参见:

http://api.jquery.com/submit/

http://api.jquery.com/jquery.get/

编辑:更多信息:

我没有足够的声誉来发表评论，所以我将扩展其他评论者在这里所做的事情。他几乎是对的，除了您需要添加引号字符(“)而不是“％22”，它会为您对其进行编码。它添加％25的原因是它实际上编码了百分号(％)字符!: d

根据 Beau Bouchard 的回答修改:

function (){
      var abc = document.getElementById("ABC").value; 
      document.getElementById("ABC").value = "\"" + abc + "\"";
      var dfg = document.getElementById("DFG").value; 
      document.getElementById("DFG").value = "\"" + dfg + "\""; //changes input field value
      document.getElementById("formid").submit(); //submits the form
}