替换＆amp; Jquery中的小写

Question

我有文本框，在键入文本时需要复制到其他文本框中，并且单词之间的间距需要用短划线替换，它应该转换为小写。

我有以下代码，但它不能正常工作

"name"

}）;

需要帮助，可以做些什么？

Answer 1

替换为小写后，将所有[space]替换为-

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

用-替换所有空格字符。

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

Answer 3

您还可以按照以下步骤操作：

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

代码段：

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

Fiddle Example