如何使用 jQuery 将某些文本更改为小写并用连字符替换空格？

Question

我有一个隐藏的输入字段，它将在 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 />

Answer 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>

Answer 2

要转换为小写：

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

要替换空白：

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

看一下这个示例

@JSbin

Answer 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>

Answer 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

检查

Answer 5

要将文本切换为小写，请使用 JavaScript toLowerCase() 方法。

<script type="text/javascript">

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

</script> 

请参阅此 Stackoverflow 问题，了解如何使用 JavaScript 将所有空格替换为破折号。