jqueryで追加された入力値を取得する方法

jquery を使用してポップアップ ウィンドウまたはページに入力ボックス (name="price") を追加し、テスト中にこのソリューションを取得したいとします。この記事では、主に jquery によって追加された入力値を取得する方法について説明します。

注:

まず、ページ上に name="price" の入力ボックスがいくつかあることを確認してください。これは、いくつかのポップアップ ウィンドウのコンテンツがページに書き込まれているためです。次に、ページ内の入力ボックスをポップアップに追加します。ウィンドウを開くと、ページ上に同じ入力ボックスが 2 つ表示されます。同様に、指定された ID を持つ要素を追加するときに、ページ上に同じ ID があるかどうかも確認します

jquery メソッドを通じて値を取得します

$('input[name="price"]').val();
$('input[name="price"]').attr('value');
$('input[name="price"]')[0].value;
$('input[name="price"]').prop('value');
$('input[name="price"]').get(0).value;

jsメソッドで値を取得する

var inputVal = document.getElementsByName('price')[0].value;
var inputVal = document.getElementsByName('price').item(0).value;
var inputValue = document.getElementById('price').value;

もちろん、これら以外にもメソッドはありますので、お好みに応じて選択してください。 。 。 。

動的に生成されたボタンにクリック イベントをバインドする

$('body').on('click', '.btn', function() {    // ……});

関連する推奨事項:

jquery append と appendTo 使用状況分析

Jquery append メソッドの使用時の問題

jQuery メソッド分析 --append()

以上がjqueryで追加された入力値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。