Javascript 在jquery中添加的每个单词后添加逗号

我试图在文本区域中添加每个单词后添加逗号
如，。单词1、单词2、单词3

在此文本区域中，用户可以通过在选择框中获取单词并单击添加按钮或通过用户手动输入来添加单词。当前工作是使用选择框添加单词。当我从选择框中添加单词时，我可以实现输出单词1、单词2、单词3

问题在于，当用户手动键入单词，然后同时使用selectbox添加单词时。它产生这样的输出。例如，单词1、单词2、单词3

如您所见，单词1后面没有逗号。有什么想法吗

$('#addWordsearch').click(function() {

    if($('#wsearch_lesson_zone_list').val() == null)
    {
      alert("Add words first");
      return false;
    } 

    else
    {

        $('#search_word').val($('#search_word').val() + $('#wsearch_lesson_zone_list').val() + ", ");

    }  
});

---

我认为，您没有为手动键入的单词添加逗号。您只需获取手动键入的单词并使用选择框添加即可。您可以尝试以下方法：

$('#addWordsearch').click(function() {

if($('#wsearch_lesson_zone_list').val() == null)
{
  alert("Add words first");
  return false;
} 

else
{

var text = $('#search_word').val(),
    selectText = $('#wsearch_lesson_zone_list').val();
text = text ? text + ", " + selectText :selectText ;  // adding comma if we have word in the textarea. 
$('#search_word').val( text);

}  
});

---

先生，我该怎么申请呢？感谢此输出为单词，但仅为第一个单词，后续输入仅显示逗号