Ersetzen Sie und Kleinbuchstaben in Jquery

Question

Ich habe Textbox, die bei der Eingabe des Textes müssen Kopie in andere Textbox bekommen und auch der Abstand zwischen den Wörtern muss mit Bindestrich ersetzen und es sollte in Kleinbuchstaben umgewandelt werden.

ich Code unten, aber seine Arbeit nicht

$(document).ready(function() { 
$('#Name').keyup(function(e) { 
    var txtVal = $(this).val(); 
    txtVal = txtVal.toLowerCase(); 
    $('#URL').val(txtVal); 
}); 

});

Brauchen Sie Hilfe, was kann getan werden ??

Answer 1

Nach Ersetzen Fall zu senken, tauschen alle [space] mit -

$(document).ready(function() { 
 
    $('#Name').keyup(function(e) { 
 
    var txtVal = $(this).val(); 
 
    txtVal = txtVal.toLowerCase().replace(/\s/g, '-'); 
 
    $('#URL').val(txtVal); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="Name" /> 
 
<input id="URL" />

Answer 2

Ersetzen alle Leerzeichen mit -.

$(document).ready(function() { 
    $('#Name').keyup(function(e) { 
    var txtVal = $(this).val(); 
    txtVal = txtVal.toLowerCase().replace(/\s/g, '-'); 
    $('#URL').val(txtVal); 
    }); 
}); 

Answer 3

Sie können auch die folgenden Schritte aus:

1. toLowerCase()
2. split(' ')
3. join('-')

-Code-Schnipsel:

txtVal = txtVal.toLowerCase().split(' ').join('-'); 

Fiddle Example