変数にテキスト入力を追加しようとしています

-1

私は、HTML、JavaScript、d3.jsとPHPというJavaScriptライブラリを使用して、ユーザーに一連の数値を入力するようにプログラムを作成しています。ユーザーが一連の数値を送信すると、円グラフが生成されます。数字が変更されるたびに、新しい円グラフが生成されます。変数にテキスト入力を追加しようとしています

問題は、数値を取り込むためにテキスト入力を使用していますが、コンマで区切られていますが、私のテキスト入力をデータ変数（私の円グラフの変数）に追加したいのです一連の数字が挿入されるたびに、新しい円グラフが表示されます。どのように私はこれを行うことができますか？

これは私のテキスト入力である：

< input type="text" name="first" min="1" max="100" >

これは私の円グラフのための私の元のデータ変数であるが、私は私のデータ変数に私の入力を追加したい：

var data [4,5,11,,2,10,7];

私はどのように追加します私のテキストは、私のデータ変数（私の円グラフの変数）に入力されるので、一連の数字が挿入されるたびに新しい円グラフが表示されます。

出典

2016-07-20 AsiaNwoye

どのような質問ですか？ – svarog

質問が不明です –

質問は「私のテキスト入力を自分のデータ変数（私の円グラフの変数）に追加すると、一連の数字が挿入されるたびに新しい円グラフが表示されます。 – AsiaNwoye

使用このコード：私は4回となった

<!DOCTYPE html> 
<html lang="en-US"> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
</head> 
<body> 
    <input type="text" name="first" min="1" max="100"> 
    <input type="submit" name="btnSubmit" id="btnSubmit"> 
    <script type="text/javascript"> 
     var data = new Array(); 
     $('#btnSubmit').click(function() { 
      var value = parseInt($("input[name=first]").val(), 10); 
      if(!isNaN(value)){ 
       data.push(value); 
       console.log(data); 
      } 
     }); 
    </script> 
</body> 
</html>

結果ボタンをクリックし

出典

2016-07-20 19:52:28

var data = [4,5,11,2,10,7] 
 

 
$("#submit").click(function(){ 
 
    var input = $("#myInput").val().split(",") 
 
    $("#myInput").val("") 
 

 
    input.forEach(function(item){ 
 
     data.push(parseInt(item, 10)) 
 
    }) 
 
    
 
    // data now includes new input. Pass to your chart building function here 
 
    alert(data) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id ="myInput" type="text" name="first" min="1" max="100"> 
 
<button id="submit"> 
 
    submit 
 
</button>

（ ''）コンマ区切りのv配列に注意してください。次に、concat関数を使用して配列を結合します。

出典

2016-07-20 19:53:11 larz

使用input.split

出典

2016-07-20 19:54:46

私は分かりません – AsiaNwoye

変数にテキスト入力を追加しようとしています

答えて

関連する問題