同じ名前の複数の入力テキストフィールドから1つの値のみを取得するにはどうすればよいですか?

Kyaw Zin Wai

特定の入力テキストフィールドから値を取得する方法を知りたい。同じ名前で同じクラスで値が異なるテキストフィールドが多数あり、各入力には1つのボタンがあります。特定の各ボタンをクリックして、各フィールドから値を取得するにはどうすればよいですか。JavascriptまたはJqueryで使用していますか?案内してください。

<input type="hidden" name="myvalue" class="form-control input_text" value="aaa"/>
    <input type="button" class="clickme" value="Get Value" />

    <input type="hidden" name="myvalue" class="form-control input_text" value="bbb"/>
    <input type="button" class="clickme" value="Get Value" />

    <input type="hidden" name="myvalue" class="form-control input_text" value="ccc"/>
    <input type="button" class="clickme" value="Get Value" />


    <input type="hidden" name="myvalue" class="form-control input_text" value="ddd"/>
    <input type="button" class="clickme" value="Get Value" />

    <input type="hidden" name="myvalue" class="form-control input_text" value="eee"/>
    <input type="button" class="clickme" value="Get Value" />

ニルス
  1. ボタンと入力をdivでカプセル化してみてください
  2. ボタンイベントからこれを取得します(ボタン)
  3. $(this).closest( 'div')を使用して親に移動し、そこから次の入力を取得します。

$(document).ready(function() {
  $('.clickme').click(function() {
    var div = $(this).closest('div');
    alert(div.find('input').val());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="aaa"/>
<input type="button" class="clickme" value="Get Value" />
</div>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="bbb"/>
<input type="button" class="clickme" value="Get Value" />
</div>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="ccc"/>
<input type="button" class="clickme" value="Get Value" />
</div>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="ddd"/>
<input type="button" class="clickme" value="Get Value" />
</div>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="eee"/>
<input type="button" class="clickme" value="Get Value" />
</div>

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

reactの複数のフィールドから同じ入力タイプから値を取得するにはどうすればよいですか?

分類Dev

リストから1つの入力フィールドのデータ値を取得するにはどうすればよいですか?

分類Dev

Google App Engine検索APIの検索ドキュメントで、同じ名前の複数のフィールドのすべての値を取得するにはどうすればよいですか?

分類Dev

1つのフィールドを同じテーブルの複数のフィールドに解析するにはどうすればよいですか?

分類Dev

JQuery:同じIDを持つ複数の入力の特定のテキスト入力にアクセスするにはどうすればよいですか?

分類Dev

同じテキストを複数のウィンドウに同時に入力するにはどうすればよいですか?

分類Dev

mysqlの1つのテキストフィールドで複数のフィールドを検索するにはどうすればよいですか?

分類Dev

同じ名前の複数の入力から値を取得する方法入力フィールドはjQueryを使用して動的に作成されますか?

分類Dev

複数のフィールドが同じ名前の場合、xml pythonを挿入するにはどうすればよいですか?

分類Dev

10進数のみを入力できるようにテキストフィールドを制限するにはどうすればよいですか?

分類Dev

2つの異なるJSファイルから同じ名前の変数の各値を取得するにはどうすればよいですか?

分類Dev

2つの異なるJSファイルから同じ名前の変数の各値を取得するにはどうすればよいですか?

分類Dev

ReactJS状態の1つの入力フィールドから2つの数値を保存するにはどうすればよいですか?

分類Dev

動的に作成された入力テキストフィールドの値を取得するにはどうすればよいですか?

分類Dev

複数のファイルの入力type = fileのテキスト値を取得するにはどうすればよいですか?

分類Dev

logstashで同じ名前の複数のフィールドをフィルタリングするにはどうすればよいですか?

分類Dev

印刷プレビューで入力テキストフィールドの値を取得するにはどうすればよいですか?

分類Dev

Robot Frameworkの入力フィールドからテキストを取得するにはどうすればよいですか?

分類Dev

複数のテーブルから1つのフィールドのデータを取得するにはどうすればよいですか?

分類Dev

JavaScriptを使用してテキスト入力フィールドの値を取得するにはどうすればよいですか?

分類Dev

reactを使用してテキスト入力フィールドの値を取得するにはどうすればよいですか

分類Dev

テキストフィールドと入力する2つの変数を連結するにはどうすればよいですか?

分類Dev

複数の列に同じ値を持つMySQLテーブルからすべての行を取得するにはどうすればよいですか?

分類Dev

テキスト入力フィールドの値を取得するにはどうすればよいですか?

分類Dev

複数のテキストフィールドに1つのピッカービューを使用するにはどうすればよいですか?

分類Dev

同じ行から複数の入力を取得するにはどうすればよいですか?

分類Dev

入力フィールドのモーダルブートストラップから値を取得し、jqueryを使用して同じモーダルの別の入力フィールドに値を表示するにはどうすればよいですか?

分類Dev

同じカウンターパーティから1つのフローで複数回署名を取得するにはどうすればよいですか?

分類Dev

Excelシートの複数の値の同じテキストセル値をカウントするにはどうすればよいですか

Related 関連記事

  1. 1

    reactの複数のフィールドから同じ入力タイプから値を取得するにはどうすればよいですか?

  2. 2

    リストから1つの入力フィールドのデータ値を取得するにはどうすればよいですか?

  3. 3

    Google App Engine検索APIの検索ドキュメントで、同じ名前の複数のフィールドのすべての値を取得するにはどうすればよいですか?

  4. 4

    1つのフィールドを同じテーブルの複数のフィールドに解析するにはどうすればよいですか?

  5. 5

    JQuery:同じIDを持つ複数の入力の特定のテキスト入力にアクセスするにはどうすればよいですか?

  6. 6

    同じテキストを複数のウィンドウに同時に入力するにはどうすればよいですか?

  7. 7

    mysqlの1つのテキストフィールドで複数のフィールドを検索するにはどうすればよいですか?

  8. 8

    同じ名前の複数の入力から値を取得する方法入力フィールドはjQueryを使用して動的に作成されますか?

  9. 9

    複数のフィールドが同じ名前の場合、xml pythonを挿入するにはどうすればよいですか?

  10. 10

    10進数のみを入力できるようにテキストフィールドを制限するにはどうすればよいですか?

  11. 11

    2つの異なるJSファイルから同じ名前の変数の各値を取得するにはどうすればよいですか?

  12. 12

    2つの異なるJSファイルから同じ名前の変数の各値を取得するにはどうすればよいですか?

  13. 13

    ReactJS状態の1つの入力フィールドから2つの数値を保存するにはどうすればよいですか?

  14. 14

    動的に作成された入力テキストフィールドの値を取得するにはどうすればよいですか?

  15. 15

    複数のファイルの入力type = fileのテキスト値を取得するにはどうすればよいですか?

  16. 16

    logstashで同じ名前の複数のフィールドをフィルタリングするにはどうすればよいですか?

  17. 17

    印刷プレビューで入力テキストフィールドの値を取得するにはどうすればよいですか?

  18. 18

    Robot Frameworkの入力フィールドからテキストを取得するにはどうすればよいですか?

  19. 19

    複数のテーブルから1つのフィールドのデータを取得するにはどうすればよいですか?

  20. 20

    JavaScriptを使用してテキスト入力フィールドの値を取得するにはどうすればよいですか?

  21. 21

    reactを使用してテキスト入力フィールドの値を取得するにはどうすればよいですか

  22. 22

    テキストフィールドと入力する2つの変数を連結するにはどうすればよいですか?

  23. 23

    複数の列に同じ値を持つMySQLテーブルからすべての行を取得するにはどうすればよいですか?

  24. 24

    テキスト入力フィールドの値を取得するにはどうすればよいですか?

  25. 25

    複数のテキストフィールドに1つのピッカービューを使用するにはどうすればよいですか?

  26. 26

    同じ行から複数の入力を取得するにはどうすればよいですか?

  27. 27

    入力フィールドのモーダルブートストラップから値を取得し、jqueryを使用して同じモーダルの別の入力フィールドに値を表示するにはどうすればよいですか?

  28. 28

    同じカウンターパーティから1つのフローで複数回署名を取得するにはどうすればよいですか?

  29. 29

    Excelシートの複数の値の同じテキストセル値をカウントするにはどうすればよいですか

ホットタグ

アーカイブ