javascript - 列出/输出来自单个输入的逗号分隔值

标签 javascript jquery

如何从单个输入字段中的逗号分隔值输出列表(无论是作为单个值还是作为数组)?

示例

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

结果:

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

最佳答案

只需用逗号分割输入,然后生成列表

var input = "Steve, Bruce, Matt, Natasha, Peter",
    ul    = $('<ul />');

input.split(',').forEach(function(item) {
    ul.append(
        $('<li />', { text : item })
    )
});

$('body').append(ul);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

关于javascript - 列出/输出来自单个输入的逗号分隔值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34680775/

相关文章:

javascript - 在 java struts 企业应用程序中集成 telepat-io

javascript - 将表单输入传递给 JavaScript 函数

html - jquery中未定义的路径

javascript - 动态启用和禁用必填字段

javascript - 由于错误 80020101 (v1.5.3),GMLib 无法完成操作

javascript - 将参数传递给函数

javascript - AEM 6.1 复选框启用/禁用标签属性

jQuery:用 .each() 替换字符串

jquery - 获取jquery中div的直接子div的id?

javascript - 带或不带引号的 JS 对象键?