Question

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

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

由于

Answer 1

将值作为字符串后，您可以使用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>

Answer 2

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

＆＃13;

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]);
  }
};

＆＃13;

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

＆＃13;

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

2 个答案: