0

htmlのform上で入力したコンマ区切りの数字をjavascriptの配列として取り込みたいのですが、
form 上 で 例えば1,2,3,4,5,6,7,8,9 送信して
var x = [1,2,3,4,5,6,7,8,9]; と配列にしたいところ、
var x = ["1,2,3,4,5,6,7,8,9"];となったり、var x = [1,2,3,4,5,6,7,8,9]で文字列になったりします。

なにか方法がありましたら、ご教授ください。

1 件の回答 1

0

文字列を,splitしてから、各文字列をparseIntすればいいのではないでしょうか。

以下デモ

var form = document.getElementById("form");
var input = document.getElementById("numbers");
var result = document.getElementById("result");

form.addEventListener("submit", function(e) {
  e.preventDefault();
  var text = input.value;
  var numbers = text.split(",").map(function(s) {
    return parseInt(s, 10);
  });
  result.textContent = JSON.stringify(numbers);
});
<form id="form">
  <div>press Enter to submit</div>
  <input id="numbers" type="text" />
</form>
<div>result: <span id="result"></span></div>

2
  • ご返答ありがとうございます。parseIntの他にmap、jsonなどわかっていなかったためとても勉強になりました。
    – m k
    2017年10月23日 6:46
  • @mk JSON.stringifyは単に表示するために使っただけです。わからないところがあったら質問してください。
    – sigh
    2017年10月23日 6:52

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。