Comment remplacer les espaces par un trait de soulignement lors de la copie de la valeur d’un champ de formulaire à un autre

Quelqu’un devrait pouvoir trouver cet exemple pour moi ou donner un exemple.

Après des heures de recherche, j’ai trouvé la réponse à l’aide de certains termes de recherche bizare dans Google uniquement pour mes 15 mois, pour fermer la fenêtre du navigateur pour moi sans marquer de livre! J’avais une navigation privée pour ne pas sauvegarder mon historique 🙁

J’ai un formulaire Web, je dois passer la valeur d’un champ de formulaire à un autre champ de formulaire en même temps, remplacer l’espace blanc par un trait de soulignement à l’aide de JQuery.

exemple de ce que je cherche

  

Ainsi, lorsque le formulaire est soumis, il donne de jolies URL formatées à la (aux) page (s). Je ne connais pas grand chose à JavaScript ou à JQuery et à la façon d’écrire une variable pour le faire fonctionner.

J’espère que quelqu’un pourra donner un exemple concret, afin qu’au moins je puisse le faire fonctionner et aider quelqu’un à la recherche de la même solution à vien. Le titre de ce document devrait occuper une place de choix dans Google pour que les autres puissent suivre.

Un petit plugin jQuery pour faire quelque chose comme ceci (cela mettrait la valeur du premier élément correspondant dans l’ensemble des éléments correspondants par le selector passé):

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

Exemple d’utilisation:

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

Voici un exemple de travail .

Pour copier la valeur de la source à dest, en remplaçant les espaces par un trait de soulignement, vous devriez le faire.

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

Ou pour obtenir des espaces

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