Question

如何从单个输入字段中的逗号分隔值输出列表（无论是单个值还是数组）？

示例

用户在文本输入字段中输入以下内容： Steve，Bruce，Matt，Natasha，Peter

结果：

史蒂夫
布鲁斯
马特
娜塔莎
彼得

Answer 1

只需在逗号上分割输入，然后生成列表

＆＃13;

dispatch_async(lockQueue) {
    print("test1");
}

＆＃13;

var input = "Steve, Bruce, Matt, Natasha, Peter",
    ul    = $('<ul />');

input.split(',').forEach(function(item) {
    ul.append(
        $('<li />', { text : item })
    )
});

$('body').append(ul);

＆＃13;

Answer 2

希望它可以帮到你：

var myArray = $('input').val().split(',');

使用jQuery

Answer 3

由于您在标记中添加了jquery，我猜你想要一个jQuery解决方案。

首先，您需要拆分值，然后创建一个列表（ul或ol）并添加列表元素（li）

$(function() {
  $("#valuesForm").submit(function(e) {
  	e.preventDefault();
    var values = $("#textfieldId").val().split(",");
    if (values) {
      for (var i in values) {
        var value = values[i].trim(),
          $valueList = $("#valueList"),
          $valueItem = $("<li />");
        $valueItem.text(value);
        $valueList.append($valueItem);
      }
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form id="valuesForm">
  <input type="text" id="textfieldId">
  <input type="submit" value="Split!">
</form>
<ul id="valueList">

</ul>

Answer 4

有几种选择。

1 分裂

var aux = "Steve, Bruce, Matt, Natasha, Peter";
aux = aux.split(',');

这个给出了数组中的名字，但是逗号后面有空格。

2 删除空格

var aux = "Steve, Bruce, Matt, Natasha, Peter";
aux = aux.split(', ');

这个确实解决了逗号之后的空格。

3 替代

var aux = "Steve, Bruce, Matt, Natasha, Peter";
aux = aux.split(',');

aux = jQuery.map( aux, function( n, i ) {
  return n.trim();
});

最后一个更灵活，我只是举例说明。

单个输入的列表/输出逗号分隔值

4 个答案: