在Jquery中替換＆小寫

Question

我有文本框，它在輸入文本時需要將文本複製到其他文本框中，而且單詞之間的間距需要用短劃線替換，並且應該轉換爲小寫。

我有下面的代碼，但它不工作

$(document).ready(function() { 
$('#Name').keyup(function(e) { 
    var txtVal = $(this).val(); 
    txtVal = txtVal.toLowerCase(); 
    $('#URL').val(txtVal); 
}); 

}）;

需要幫助，可以做些什麼？

Answer 1

替換爲小寫後，更換所有與[space]-

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

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

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