Question

我有一个隐藏的输入字段，它将获取另一个关键字的值，我试图弄清楚如何将隐藏字段中的值转换为小写并用连字符替换空格。

因此，如果有人在标题输入字段中键入“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

Check

Answer 5

要将文字切换为小写，请使用JavaScript toLowerCase() method。

<script type="text/javascript">

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

</script>

请参阅this Stackoverflow question，了解如何使用JavaScript替换所有空格。

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

5 个答案: