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

Question

我试图在textarea中添加每个单词后添加逗号。
例如，。 word1，word2，word3

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

问题是，当用户手动键入单词，然后同时使用选择框添加单词时。 它产生这样的输出。 例如，单词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() + ", ");

    }  
});

Answer 1

我认为，您没有为手动键入的单词添加逗号。 您只需要输入手动输入的单词并添加选择框即可。 您可以尝试如下操作：

$('#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);

}  
});