jQuery caractères multiples remplacer

Question

J'ai une question très facile. Malheureusement, je ne peux pas trouver la réponse.

Je viens de faire 2 fonctions d'entrée simples

Input 1:<br /><input type="text" id="i1" name="i1" /> 
Input 2:<br /> 
<input type="text" id="i2" name="i2" /> 

Lors d'un changement d'entrée 1, je veux laisser apparaître le résultat dans l'entrée 2. Je veux aussi des personnages remplacés et je veux faire les caractères minuscules (afin de l'utiliser comme une url).

Je fait le code jQuery suivant:

$("#i1").keyup(function() { 
var ptitle = $("#i1").val(); 
$("#2").val(ptitle.replace(" ", "-").toLowerCase()); 
}); 

Cela fonctionne bien, sauf quand je tape une chaîne qui a plusieurs fois le même caractère à remplacer. Ensuite, il ne remplace que la première fois. Par exemple: Lorsque je saisis l'entrée 1: "À propos de cette société", il en résultera l'entrée 2: "à propos de cette entreprise". Ce devrait être: 'About-this-company'. Est-ce que quelqu'un sait ce qui ne va pas dans mon code jQuery?

Answer 1

Quelque chose comme ceci:

$("#i1").keyup(function() { 
    var ptitle = $(this).val(); 
    $("#i2").val(ptitle.replace(/\s/g, "-").toLowerCase()); 
}); 

Answer 2

C'est parce que remplacer requiert un indicateur global pour remplacer plusieurs instances.

Essayez cette

$("#i1").keyup(function() { var ptitle = $("#i1").val(); 
     $("#2").val(ptitle.replace(/ /g, "-").toLowerCase()); 
}); 

est ici une question assez proche de la vôtre avec une bonne réponse:
Replacing spaces with underscores in JavaScript?

Answer 3

cela fonctionne pour moi

$(function(){ 
    $("#i1").keyup(function() { 
    var ptitle = $("#i1").val(); 
    $("#i2").val(ptitle.replace(/ /g,"-").toLowerCase()); 
    }); 
});