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

时间:2016-01-31 13:01:32

标签: javascript jquery magicsuggest

我选择了标记输入,我可以使用MagicSuggest插件选择多个项目。

问题是我在选择后得到的值是一个没有逗号的字符串。

像:

  

MVCPHPASP.Net

我想将其更改为:

  

MVC,PHP,ASP.Net

我选择多个项目时得到的结果:

我提醒时收到的字符串:

那我怎么能这样做呢?

1 个答案:

答案 0 :(得分:2)

正确的方法是使用插件的API获取数据,而不是奇怪的解析

根据docs,您可以使用功能try_run来获取所选项目。

.getSelection()
var ms = $('#ms-getValue').magicSuggest({
  data: [
    {
      id: 1,
      name: 'Paris'
    },
    {
      id: 2,
      name: 'New York'
    },
    {
      id: 3,
      name: 'Gotham'
    } 
  ]
});

function getValues() {
  // array
  var selected = ms.getSelection();
  alert(selected.map(function(item) {
    return item.name;
  }).join(','));
}

更新结果为<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="http://nicolasbize.com/magicsuggest/lib/magicsuggest/magicsuggest.css" rel="stylesheet" /> <script src="http://nicolasbize.com/magicsuggest/lib/magicsuggest/magicsuggest.js"></script> <div id="ms-getValue"></div> <button onclick="getValues()">Get Values</button>。因此,要获得第一个(例如)选定的对象:Array

更新2 要显示以逗号分隔的所有选定值:

selected[0].name