如何使用keyup连接3个文本框值时添加特殊字符？

Question

我有3个文本框用于Address1，Address2，Town。

我必须使用逗号（如Address1，Address2，Town）在jquery中使用keyup函数在一行中显示这些值。

这是我的代码。这里如何在输入地址2和城镇时添加“，”？

$("#address1").keyup(function(){
   var val = $("#address1").val()+$("#address2").val()+$("#Town").val();
   $("#addr").html(val);
});
$("#address2").keyup(function(){
   var val = $("#address1").val()+$("#address2").val()+$("#Town").val();
   $("#addr").html(val);
});
$("#Town").keyup(function(){
   var val = $("#address1").val()+$("#address2").val()+$("#Town").val();
   $("#addr").html(val);
});

Answer 1

您可以使用jQuery .map()方法和.join()返回的数组元素，默认情况下.join()使用,作为粘合剂。

var $elems = $("#address1, #address2, #Town").keyup(function() {
   // Create an array and join it's elements
   var val = $elems.map(function() {
        return $.trim(this.value) || null;
   }).get().join();

   $("#addr").html(val);
});