当输入以逗号分隔时，如何将 html 中的文本框内容作为单独的单词获取？答案

【问题标题】：How can I get content of my text-box in html as separate words when its entered separated by a comma?当输入以逗号分隔时，如何将 html 中的文本框内容作为单独的单词获取？
【发布时间】：2016-10-27 03:58:42
【问题描述】：

例如，假设我有一个文本框来写想要参加课堂旅行的学生的姓名在文本框中，我们必须一个接一个地输入名称，并用 'comma' (,) 分隔。

通过 document.getElementById() 函数取值时，如何单独获取名称？？

谢谢

【问题讨论】：

标签： javascript html textbox

【解决方案1】：

你需要把它放到一个变量中，然后再放到一个数组中；

var names;
var namesArray = [];
var inputBox = document.getElementById("names")
var getNames = document.getElementById("getNames");

getNames.onclick = function() {
  names = inputBox.value;

  namesArray = names.split(', ');

  //console.log(namesArray);

  /* DO SOMETHING WITH ARRAY OF NAMES */

  for (var i = 0; i < namesArray.length; i++) {
    console.log(namesArray[i]);
  }
};

<input type="text" id="names" value="Aba, Sam, Harry, Ronald">
<button id="getNames">GET NAMES</button>

【讨论】：

谢谢@Icewine :)

【解决方案2】：

将值作为字符串后，您可以使用String#split 将值转换为数组，给定字符串或正则表达式形式的分隔符：

var $ = document.querySelector.bind(document);

$("#submit").onclick = function() {
  var tokens = $("#text").value.split(/[, ]+/);
  console.log(tokens);
};

* { font-size: 16pt; }

<div>
  <textarea id="text">student1, student2</textarea>
</div>
<button id="submit">Parse!</button>

【讨论】：

谢谢@4castle :)