フォームに複数のダイナミックテキストボックスがあります。すべてのテキストボックスの値を取得します。

Question

<label for="firstName" class="col-sm-3 control-label">'.$r['1'].'</label> 

<div class="col-lg-5"> 
    <input type=text name="text_quest" class="form-control"> 
</div> 

このコード全体はwhileループです。私はフォームで作成されているテキストボックスのすべての値を取得したい。

Answer 1

は、このクラスがブートストラップで使用されているため、すべてのテキストボックスにform-controlを他のクラスを追加し、同じようにjQueryの値を取得する：これは、コンソールの各テキストボックスの値を出力します

<input type=text name="text_quest" class="form-control userInput"> 

$('.userInput').each(function(){ 
    console.log($(this).val()); 
}); 

。配列内の値をプッシュして、その配列を使用することもできます。

Answer 2

リクエストフォームを使用すると、あなたの投稿にテキストボックス値を取得できます。このようにしてください。

string [] textboxesvalue = Request.Form.GetValues（ "text_quest"）;

Answer 3

var textboxElements = document.getElementsByClassName("form-control")は、すべてのテキストボックス要素の配列のようなオブジェクトを返します。次のように、すべてのテキストボックス値にアクセスするために、そのオブジェクトプロパティを反復することができます。

[].forEach.call(textboxElements, function (textboxElement) { 
    console.log(textboxElement.value); 
});