javascript - 当输入的文本框用逗号分隔时，如何以html形式获取文本框中的内容？

例如，假设我有一个文本框，上面写着想参加课堂旅行的学生的姓名
在文本框中，我们必须一个接一个地输入名称，并用“逗号”（，）分隔。

通过document.getElementById（）函数获取值时，如何分别获取名称？

谢谢

最佳答案

您需要将其放入变量中，然后将其放入数组中。

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>