jQuery carácter múltiple reemplazar

Question

Tengo una pregunta muy fácil. Desafortunadamente, no puedo encontrar la respuesta.

acabo de hacer 2 funciones de entrada simples

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

Al cambiar la entrada 1, quiero que aparezca el resultado en la entrada 2. También quiero algunos caracteres siendo reemplazados y quiero hacer que los caracteres en minúsculas (para usarlo como una url).

Hice, pues, el siguiente código de jQuery:

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

Esto funciona bien, excepto cuando introduzco una cadena que tiene varias veces el mismo carácter de reemplazar. Entonces solo reemplaza la primera vez.

Por ejemplo: Cuando escribo la entrada 1: 'Acerca de esta empresa', dará como resultado la entrada 2: 'sobre-esta empresa'. Debería ser: 'sobre-esta-compañía'. ¿Alguien sabe qué está mal en mi código jQuery?

Answer 1

Algo como esto:

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

Answer 2

Esto se debe reemplazar requiere un indicador global para reemplazar varias instancias.

probar este

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

He aquí una pregunta muy cerca de la suya con una buena respuesta:
Replacing spaces with underscores in JavaScript?

Answer 3

esto funciona para mí

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