質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

1回答

2340閲覧

HTMLInputElement.valueでInputの入力値を取得できない

Pooh8121

総合スコア6

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2017/11/28 06:00

###前提・実現したいこと
JavaScriptで動的に追加されるHTMLに含まれるInput要素の値を取得しようと考えています。
動的に追加されるので、ソースを直接操作するのではなく、
その部分を一括で取得し、その中で、セレクタでElementを取得するというイメージです。

###発生している問題・エラーメッセージ

inputの値が変更されたときに(jQuery.change) valueを変更することも考えたのですが、 値が取れないため断念しました。

###該当のソースコード

var t = $("#ID").children(); t.find(".Class").each(function() { var getData = $(this).val(); });

###試したこと
ソース上に初めからHTMLで書かれている要素をID等で指定し、.value, .val()で取得することはできます。
また、Elementでとってきた要素に属性として、valueに値が入っていれば、その値を取得できることは確認しました。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2017/12/06 15:35

HTMLと、「追加処理」部分のJavaScriptを質問文に追記ください。
guest

回答1

0

"#ID"とか".Class"はちょっと表現が紛らわしいので置き換えてます

javascrit

1$(function(){ 2 var getData=0; 3 $('#hoge .fuga').each(function(){ 4 getData+=parseFloat($(this).val()); 5 }); 6 console.log(getData); 7});

html

1<div id="hoge"> 2<input class="fuga" type="text" value="1"><br> 3<input class="fuga" type="text" value="2"><br> 4<input class="fuga" type="text" value="3"><br> 5<input class="notfuga" type="text" value="4"><br> 6</div>

投稿2017/11/28 06:09

yambejp

総合スコア114775

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問