jquery - 使用 jQuery 替换表单操作中的 URL 查询字符串参数值

Question

我有以下表格

<form action="http://www.domain.com/processing.php?page=first&section=77&userid=replaceme">

如何使用 jquery 我可以用 jquery 变量更新“replaceme”？

Answer 1

我认为您应该使用正则表达式并匹配“userid”参数的名称，而不是“replaceme”值。

尝试：

var $form = $('form');
$form.prop('action', $form.prop('action').replace(/([\?&])(userid=)[^&#]*/, '$1$2' + newValue));

在哪里newValue保存你想要的东西来代替“replaceme”的变量。

注意：在您的 html 中，URL 中的“&”字符应替换为字符 entity &。

更新：

使用@undefined 的建议，这将是：

$('form').prop('action', function(i, action){ return action.replace(/([\?&])(userid=)[^&#]*/, '$1$2' + newValue); });

现在不需要$form变量了。

这是一个jsfiddle 演示，显示了以下情况：

1. “userid”参数是最后一个参数，在至少一个其他参数之后。
2. “userid”参数是中间参数，前一个参数，后一个参数。
3. “userid”参数是第一个参数，后面是其他参数。
4. 有一个名称以“userid”结尾的参数，不应替换。
5. URL 的末尾有一个#tag，就在“userid”参数之后。

正则表达式的解释：

• 第一组$1匹配一个“？” 或者 '＆'。
• 第二组$2匹配'userid='。
• 然后匹配字符，直到到达 '&' 或 '#' 或直到字符串的末尾。

Answer 2

首先添加一个ID：

<form id="myForm" action="http://www.domain.com/processing.php?page=first&section=77&userid=replaceme">

然后在 DOM 上准备好：

$(function() {
    var $form = $('#myForm');
    var someVar = 'foo';
    $form.attr('action', $form.attr('action').replace('replaceme', someVar));
});

演示：http: //jsfiddle.net/HBQcx/

Answer 3

假设您有以下标记：

  <form id="testform" action="http://www.domain.com/processing.php?page=first&section=77&userid=replaceme">
</form>

并且您想更改action属性中的一些文本::

action = $('#testform').attr('action');//get the action attribute.
console.log(action);
action = action.replace('replaceme','changed');//change the action text.
$('#testform').attr('action',action);//change the action attribute.
console.log($('#testform').attr('action'));//test the results.