当从表单字段复制值到另一个时,如何用下划线替换空格

时间:2011-12-16 20:28:09

标签: javascript forms jquery

有人应该能够为我找到这个例子或举例......

经过几个小时的搜索后,我在谷歌的15个月大的搜索条件中找到了答案,为我关闭浏览器窗口而没有书籍标记!我私下浏览了所以它没有保存我的历史记录: - (

我有一个Web表单,我需要将一个表单字段的值传递给另一个表单字段,同时使用JQuery用下划线替换空格。

我正在寻找的例子

<input name="PageName" id="PageName" type="text" value="All About Us Page" />
<input name="PageURL" id="PageURL" type="hidden" value="all_about_us_page" />

因此,当提交表单时,它会为页面提供很好的格式化URL,我对JavaScript或JQuery知之甚少,以及如何编写变量以使其工作。

希望有人可以提供一个有效的例子,所以至少我可以让它工作,反过来帮助某人搜索相同的解决方案,这个标题应该在谷歌中排名相当高,以供其他人遵循。

2 个答案:

答案 0 :(得分:4)

一个小jQuery插件来执行这样的操作(这会将第一个匹配元素的值放入由传入的selector匹配的元素集中):

$.fn.copyTo = function(selector) {
    $(selector).val($(this[0]).val().replace(/\s/g, "_"));
};

使用示例:

$("#source").copyTo("#dest");

这是working example

答案 1 :(得分:2)

要将值从source复制到dest,同时用下划线替换空格,应该这样做。

$("#dest").val($("#source").val().replace(' ', '_'));

或者获取任何空白

$("#dest").val($("#source").val().replace(/\s/g, '_'));