在不使用“ .append”的情況下添加新行文本

Question

我有一個下拉菜單，其中有contacts ，例如John ， Bob等，旁邊有一個按鈕，當單擊該按鈕時，它將在我的<textarea></textarea>顯示聯系人的電話號碼。

每次我選擇一個聯系人並按下按鈕時，我都希望在我的文本區域中顯示該號碼，並添加每個其他聯系人的號碼，我希望該號碼顯示在前一個號碼下方。 所以基本上我需要像這樣在每個數字之間換行。

1234567890

5557778888

當我通過.append使用第一個函數時，它可以按我想要的方式工作，但是，如果我編輯數字或取出數字，則無法再使用按鈕向文本區域添加數字。 我從這篇SO文章中意識到，這是因為文本節點和值可以斷開。

然后我嘗試使用.val ，但是這只是替換了textarea中的數字，而不是附加在其下方。

解決這個問題的最佳方法是什么？ 謝謝！

讓我知道您是否需要其他信息。

我的JavaScript函數：

使用.append()

    selectOption: function() {

        $('#addContact').click(function() {
            $('#toPhoneNumber').append($('#toAdd option:selected').data('number') + '
');

        });

    },

使用.val()

    selectOption: function() {

        $('#addContact').click(function() {
            $('#toPhoneNumber').val($('#toAdd option:selected').data('number') + '\n');

        });

    },

Answer 1

var nums =[];
.
.
selectOption: function() {
  $('#addContact').click(function() {
    var num =$('#toAdd option:selected').data('number'); 
    if (nums.indexOf(num)==-1) nums.push(num);
    $('#toPhoneNumber').val(nums.join( '\n'));
  });
},

Answer 2

使用val可以嘗試：

selectOption: function() {
        var temp = $('#toPhoneNumber').val();
        $('#addContact').click(function() {
            $('#toPhoneNumber').val(temp + $('#toAdd option:selected').data('number') + '\n');

        });

    },