P5.jsのドロップダウンリストのcsvファイルからヘッダー配列をトラバースします

エミリア・ハーデジ

CSVファイルとドロップダウンメニューを使用するのは初めてです。P5.jsを使用して、forループを使用してすべてのヘッダー名の1つのドロップダウンリストを作成したいのですが、これまでのところ、すべてを1つのドロップダウンにするのではなく、ヘッダー名ごとに多数の個別のドロップダウンメニューを作成することしかできませんでした。リストとしてのダウンメニュー。それはおそらく非常に単純なものですが、私はそれを見ることができません:

      for(var i = 0; i < this.data.getColumnCount() ; i++)
          {
           // Create a select DOM element.
           this.select = createSelect();

           // Set select position.
          this.select.position(400, 50);
          var companySelect = this.data.columns;

          // Fill the options with all company names.
          this.select.option(companySelect[i]);
          };

これは、ここで実行されときに表示されるものです

Rabbid76

実際に行うのは、オプションごとに個別のドロップダウンメニューを作成することです。

まず、によってドロップダウンメニューを作成する必要がありますcreateSelect()次にthis.select.option('kiwi')、ループ内でメニューにオプションを追加する必要があります。

// Create a select DOM element.
this.select = createSelect();

// Set select position.
this.select.position(400, 50);

var companySelect = this.data.columns;
for(var i = 0; i < this.data.getColumnCount() ; i++) {

    // Fill the options with all company names.
    this.select.option(companySelect[i]);
};

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

P5配列交差

分類Dev

p5で電卓を作る

分類Dev

SVGをP5スケッチにロードする

分類Dev

p5をVueアプリにインポートする

分類Dev

クローン作成後のp5キャンバス静的

分類Dev

P5でバックグラウンドを実行

分類Dev

JSの最大コールスタックがP5を超えました

分類Dev

スケール位置の変更 p5 JavaScript

分類Dev

p5の複数のキャンバス

分類Dev

JavaScript P5は、マウスクリックイベント後に変数を変更します

分類Dev

ExtJS5-POSTサーブレットリクエストからファイルをダウンロード

分類Dev

2Dレンダリング処理P5

分類Dev

p5 /.jsカスタム回転動作の問題

分類Dev

P5 forループが停止しない

分類Dev

p5関数パラメータを理解する

分類Dev

p5スケッチからReactへの値の受け渡し(react-p5-wrapperを使用)

分類Dev

マウスがスクロールしたときにプログラムにテキストを出力させる方法はありますか?p5

分類Dev

P5 javascriptLoadJSONデータが遅れています

分類Dev

新しいp5インスタンスに追加の引数を渡す

分類Dev

MVC 5は別のテーブルからドロップダウンリストにデータを入力し、値を保存しますNOT KEY

分類Dev

P5は数学で形を回転させます

分類Dev

p5とwebglレンダラーを使用した単純なbeginShape

分類Dev

p5スケッチは常に他の角度コンポーネントの下にあります

分類Dev

p5 JavaScript背景画像を表示できません

分類Dev

60FPSで反応するP5

分類Dev

角度コンポーネントにp5キャンバスを追加します

分類Dev

JavaScript p5は、ランダムな場所にスポーンする画像を移動させます

分類Dev

p5は、マウスが動くとdivを表示します

分類Dev

P5はグラフィックスとキャンバスコードを因数分解しようとします

Related 関連記事

  1. 1

    P5配列交差

  2. 2

    p5で電卓を作る

  3. 3

    SVGをP5スケッチにロードする

  4. 4

    p5をVueアプリにインポートする

  5. 5

    クローン作成後のp5キャンバス静的

  6. 6

    P5でバックグラウンドを実行

  7. 7

    JSの最大コールスタックがP5を超えました

  8. 8

    スケール位置の変更 p5 JavaScript

  9. 9

    p5の複数のキャンバス

  10. 10

    JavaScript P5は、マウスクリックイベント後に変数を変更します

  11. 11

    ExtJS5-POSTサーブレットリクエストからファイルをダウンロード

  12. 12

    2Dレンダリング処理P5

  13. 13

    p5 /.jsカスタム回転動作の問題

  14. 14

    P5 forループが停止しない

  15. 15

    p5関数パラメータを理解する

  16. 16

    p5スケッチからReactへの値の受け渡し(react-p5-wrapperを使用)

  17. 17

    マウスがスクロールしたときにプログラムにテキストを出力させる方法はありますか?p5

  18. 18

    P5 javascriptLoadJSONデータが遅れています

  19. 19

    新しいp5インスタンスに追加の引数を渡す

  20. 20

    MVC 5は別のテーブルからドロップダウンリストにデータを入力し、値を保存しますNOT KEY

  21. 21

    P5は数学で形を回転させます

  22. 22

    p5とwebglレンダラーを使用した単純なbeginShape

  23. 23

    p5スケッチは常に他の角度コンポーネントの下にあります

  24. 24

    p5 JavaScript背景画像を表示できません

  25. 25

    60FPSで反応するP5

  26. 26

    角度コンポーネントにp5キャンバスを追加します

  27. 27

    JavaScript p5は、ランダムな場所にスポーンする画像を移動させます

  28. 28

    p5は、マウスが動くとdivを表示します

  29. 29

    P5はグラフィックスとキャンバスコードを因数分解しようとします

ホットタグ

アーカイブ