任意の量の入力からのJavaScriptオブジェクト

sk22

私はJavaScriptなどにかなり慣れていないので、問題があります。私のサイトでは、ユーザーは任意の量の入力を作成できますこれで、新しく追加されたすべての入力グループには2つの側面(名前と値)があります。私はそれらをJavaScriptオブジェクトに入れる必要があります、ちょうどそのように:

{
  "texture1" : "block/texture",
  "texture2" : "block/texture"
}

私はそれらを使用して得ることができるので、入力フィールドは、同じ名前を持っているdocument.getElementsByName("textureName")document.getElementsByName("textureValue")

これらのオブジェクトのインデックスをループすることはできるかもしれませんが(値ではなくouterHTMLタグ全体を提供するため)、それを正しく行う方法がわかりません。

ちなみに、HTMLコード自体はそれに似ています(ユーザーがそれをいくらでも挿入できるというだけです)。

<div class="left">
  <div class="option">Name:<br><input name="textureName" value="particle"></div>
</div>
<div class="right">
  <div class="option">Value:<br><input name="textureValue" value="block/name"></div>
</div>
sk22

ご回答ありがとうございます!とにかく、私はあなたの解決策を読む前に、自分で解決策を見つけることができました:

var elementsCount = document.getElementsByName("name").length;
var textureName, textureValue, texturePair = {};
for (var i = 0; i<=elementsCount; i++) {
   textureName = document.getElementsByName("textureName")[i].value;
   textureValue = document.getElementsByName("textureValue")[i].value;
   texturePair[textureName] = textureValue;
   console.log(i);
   console.log(texturePair);
}

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

入力オブジェクトからの動的クエリ

分類Dev

バニラJavaScriptの入力からオブジェクトを取得する方法

分類Dev

オブジェクトの配列を入力ボックスからjavascriptの別の配列に渡す方法

分類Dev

Rの単一オブジェクトからの複数の関数入力?

分類Dev

他のオブジェクトから、オブジェクトのフィールドに入力します

分類Dev

オブジェクトからのキーの削除を入力する

分類Dev

オブジェクトのリストからオブジェクトを入力します

分類Dev

「任意のオブジェクト」タイプを入力する方法は?

分類Dev

「任意のオブジェクト」タイプを入力する方法は?

分類Dev

キー入力からのオブジェクトで状態を更新[React]

分類Dev

localStorageからのデータをオブジェクトに入力します

分類Dev

UIのselectInputから入力オブジェクトを呼び出す

分類Dev

Pythonオブジェクトから関数への入力を取得する

分類Dev

ユーザー入力からの動的オブジェクト作成

分類Dev

ユーザー入力からの動的オブジェクト作成

分類Dev

HTML入力からオブジェクトのJavaScript配列に値を配置する方法

分類Dev

JavaScriptオブジェクトへのフォーム入力

分類Dev

入力ファイルからのJava 8ストリームの複数のオブジェクトの作成

分類Dev

ユーザー入力からJSONオブジェクトに生のJSONを入力します

分類Dev

DartのJavaScriptオブジェクトから任意のプロパティを取得する

分類Dev

Rの複数のオブジェクトからの情報をdata.tableに入力する

分類Dev

Reactフォームネストされた状態オブジェクトの更新-入力からの状態オブジェクトの再構築

分類Dev

NSPredicate EvaluationWithObject:?任意のオブジェクト?

分類Dev

ファイルからクラス オブジェクトの配列への入力 c++

分類Dev

あるオブジェクトからの出力を別のオブジェクトの入力に遅延してマッピングする

分類Dev

光沢:独自のJSスクリプトから入力オブジェクトにアクセス

分類Dev

入力がプロパティ値の配列である場合、オブジェクトの削除オブジェクトは配列オブジェクトから同じプロパティ値を持ちますJavascript

分類Dev

オブジェクトから「任意の」mongodb結果キーを取得する方法

分類Dev

PostgreSQLはjsonbオブジェクトから任意の値を取得します

Related 関連記事

  1. 1

    入力オブジェクトからの動的クエリ

  2. 2

    バニラJavaScriptの入力からオブジェクトを取得する方法

  3. 3

    オブジェクトの配列を入力ボックスからjavascriptの別の配列に渡す方法

  4. 4

    Rの単一オブジェクトからの複数の関数入力?

  5. 5

    他のオブジェクトから、オブジェクトのフィールドに入力します

  6. 6

    オブジェクトからのキーの削除を入力する

  7. 7

    オブジェクトのリストからオブジェクトを入力します

  8. 8

    「任意のオブジェクト」タイプを入力する方法は?

  9. 9

    「任意のオブジェクト」タイプを入力する方法は?

  10. 10

    キー入力からのオブジェクトで状態を更新[React]

  11. 11

    localStorageからのデータをオブジェクトに入力します

  12. 12

    UIのselectInputから入力オブジェクトを呼び出す

  13. 13

    Pythonオブジェクトから関数への入力を取得する

  14. 14

    ユーザー入力からの動的オブジェクト作成

  15. 15

    ユーザー入力からの動的オブジェクト作成

  16. 16

    HTML入力からオブジェクトのJavaScript配列に値を配置する方法

  17. 17

    JavaScriptオブジェクトへのフォーム入力

  18. 18

    入力ファイルからのJava 8ストリームの複数のオブジェクトの作成

  19. 19

    ユーザー入力からJSONオブジェクトに生のJSONを入力します

  20. 20

    DartのJavaScriptオブジェクトから任意のプロパティを取得する

  21. 21

    Rの複数のオブジェクトからの情報をdata.tableに入力する

  22. 22

    Reactフォームネストされた状態オブジェクトの更新-入力からの状態オブジェクトの再構築

  23. 23

    NSPredicate EvaluationWithObject:?任意のオブジェクト?

  24. 24

    ファイルからクラス オブジェクトの配列への入力 c++

  25. 25

    あるオブジェクトからの出力を別のオブジェクトの入力に遅延してマッピングする

  26. 26

    光沢:独自のJSスクリプトから入力オブジェクトにアクセス

  27. 27

    入力がプロパティ値の配列である場合、オブジェクトの削除オブジェクトは配列オブジェクトから同じプロパティ値を持ちますJavascript

  28. 28

    オブジェクトから「任意の」mongodb結果キーを取得する方法

  29. 29

    PostgreSQLはjsonbオブジェクトから任意の値を取得します

ホットタグ

アーカイブ