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

时间:2014-03-12 02:05:43

标签: javascript jquery

我想在textarea中添加每个单词后添加逗号。
例如,。 word1,word2,word3

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

问题是当用户手动输入单词然后同时使用selectbox添加单词时。它产生这样的输出。例如,word1 word2,word3

如你所见,在word1之后没有逗号。有什么想法吗?

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

    }  
});

1 个答案:

答案 0 :(得分:0)

我认为,您不是为手动输入的单词添加逗号。您只需要手动输入单词并添加选择框。您可以尝试以下方法:

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

}  
});