Как заменить пробел символом подчеркивания при копировании значения из поля формы в другое

Question

Кто-то должен быть в состоянии найти этот пример для меня или привести пример ..

После нескольких часов поиска я нашел ответ, используя некоторые странные поисковые термины в Google, только для моего 15-месячного возраста, чтобы закрыть окно браузера для меня, не отмечая его книгой! У меня был приватный просмотр, поэтому он не сохранил мою историю: - (

У меня есть веб-форма, мне нужно передать значение одного поля формы в другое поле формы, заменив пробел с подчеркиванием с помощью 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 и о том, как написать переменную, чтобы она работала.

Надеюсь, кто-нибудь может привести работающий пример, так что, по крайней мере, я могу заставить его работать и, в свою очередь, помочь кому-то, кто ищет в vien то же решение, название которого должно быть довольно высоко в Google, чтобы другие могли им следовать.

Answer 1

Небольшой плагин jQuery, чтобы сделать что-то вроде этого (это поместит значение первого соответствующего элемента в набор элементов, сопоставленных с переданным в selector):

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

Пример использования:

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

Вот рабочий пример .

Answer 2

Чтобы скопировать значение из источника в dest при замене пробела на подчеркивание, это следует сделать.

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

Или получить любой пробел

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