使用 javascript 在每個單詞后自動添加連字符 (-)

Question

我正在使用帶有兩個輸入的表單。 當您輸入第一個輸入時，文本會通過 javascript 自動復制到第二個輸入。 現在我希望第二個輸入在每個單詞后自動添加一個破折號 (-)。 為了更好地理解這一點，我想用 - 替換一個單詞和另一個單詞之間的空格。 不幸的是我不知道該怎么做，有人可以幫助我嗎？ 我用來從一個輸入復制到另一個輸入的 javascript 代碼如下。

<script type="text/javascript">

$(document).ready(function() {
 $('#textBox1').on('change', function() {
   $('#textBox2').val($(this).val());
 }); 
});
</script>

Answer 1

您可以使用replaceAll方法將所有出現的' '替換為連字符。

 $(document).ready(function() { $('#textBox1').on('input', function() { $('#textBox2').val($(this).val().replaceAll(" ", "-")); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input id="textBox1"> <input id="textBox2">