Wie kann ich mit jQuery Text in Kleinbuchstaben ändern und Leerzeichen durch Bindestriche ersetzen?

Ich habe ein verstecktes Eingabefeld, das beim Keyup den Wert eines anderen annimmt, und ich versuche herauszufinden, wie ich den Wert im versteckten Feld in Kleinbuchstaben umwandeln und Leerzeichen durch Bindestriche ersetzen kann.

Wenn also jemand „This Is A Sample“ in das Title-Eingabefeld eingibt, wird das Identifier-Eingabefeld auf „This-is-a-Sample“ gesetzt.

<input type="text" name="title" value="This Is A Sample" />
<input type="hidden" name="identifier" value="this-is-a-sample />

Dadurch werden alle Leerzeichen ersetzt durch –

<script type="text/javascript">
$(document).ready(function(){
var test= $('input[name="title"]').val();
test = test.toLowerCase().replace(/ /g, '-');
$('input[name="identifier"]').val(test);
}):
</script>

In Kleinbuchstaben umwandeln:

var lowercase="This Is A Sample".toLowerCase();

So ersetzen Sie Leerzeichen:

var Replace="This Is A Sample".replace(/ /g,"-");

Schauen Sie sich dieses Beispiel an

@JSbin

Sie können es so machen:

<script type="text/javascript">
var el = document.getElementById('identifier');
var text = el.value;
el.value = text.toLowerCase().replace(' ', '-');
</script>

oder wenn Sie JQuery verwenden:

<script type="text/javascript">
$('identifier').value = $('identifier').value.toLowerCase().replace(' ', '-');
</script>

var lower = $('input#textFieldId').val().toLowerCase(); // to lower case
var hyp = lower.replace(/ /g,"-");                      // spaces to hyphens
$('input#hiddenFieldId').val(hyp);                      // in hidden field

Prüfen

Verwenden Sie JavaScript, um Ihren Text in Kleinbuchstaben umzuwandeln toLowerCase()-Methode.

<script type="text/javascript">

var str="Hello World!";
document.write(str.toLowerCase());

</script> 

In dieser Stackoverflow-Frage erfahren Sie, wie Sie mit JavaScript alle Leerzeichen durch Bindestriche ersetzen.