Как я могу изменить текст в нижнем регистре и заменить пробелы дефисом с помощью jQuery?

У меня есть скрытое поле ввода, которое примет значение другого в keyup, и я пытаюсь понять, как преобразовать значение в скрытом поле в нижний регистр и заменить пробелы дефисом.

Итак, если кто-то называет "This Is A Sample" в поле ввода заголовка, поле ввода идентификатора будет установлено в "this-is-a-sample".

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

Ответ 1

Это заменит все пробелы на -

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

Ответ 2

Чтобы преобразовать в нижний регистр:

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

Заменить пустое пространство:

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

взгляните на этот пример

@JSbin

Ответ 3

Вы можете сделать это следующим образом:

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

или если вы используете JQuery:

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

Ответ 4

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

Проверить

Ответ 5

Чтобы переключить текст в нижний регистр, используйте JavaScript метод toLowerCase().

<script type="text/javascript">

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

</script>

См. fooobar.com/info/191190/... о том, как заменить все пробелы черточками с помощью JavaScript.