2017-11-08 17 views
-1

私は入力のテーブルを持っていて、すべての入力値を取得し、それらをリストまたは配列に取り込み、jquery ajaxを使ってそれらを送りたいと思います。それは可能ですか?リストを作成してjquery ajax経由で送信するにはどうすればいいですか?

私はこのような入力のテーブルがあるとします。

<tr> 
<td><input type="text" id="ques1"/></td> 
<td><input type="text" id="ans1"/></td> 
</tr> 
<tr> 
<td><input type="text" id="ques2"/></td> 
<td><input type="text" id="ans2"/></td> 
</tr> 
<tr> 
<td><input type="text" id="ques3"/></td> 
<td><input type="text" id="ans3"/></td> 
</tr> 

今、私はこれらの入力値をしたいし、リストを読み込むとAjax経由で送信...最初

var arr={}; 
    for(var i=1;i<=3;i++){ 
     arr['ques']= //Don't know how to get values of ques 
     arr['ans']= //Don't know how to get values of ans 
     $(this).push(arr); 
    } 
    console.log(arr); 

$.ajax({ 
      url: "something.php", 
      type: "POST", 
      data: {"arr":arr }, 
      dataType:"JSON", 
      success: function(response) { 
       if(response.length!=0){ 
        alert("Done!"); 
       } 
     }); 
+1

どのように見えるかです.val()を呼び出すことによって、jQueryの内いずれかの入力の値を取得することができます。ほとんどのチュートリアルでは連絡フォームを作成していますが、基本はそこにあります。例:https://code.tutsplus.com/tutorials/submit-a-form-without-page-refresh-using-jquery--net-59 – LMulvey

+0

'$( 'ques1')。val()'? Googleで「jQuery get input value」のようなものを検索したときに、*例が見つかりませんでしたか? – David

+0

'FormData'オブジェクトを使うのが最も簡単だと思います。 [ドキュメントを参照](https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects)。 – jeesus

答えて

0

まず、物事、プッシュArrayオブジェクトに属するメソッドです。すべての配列はプッシュを呼び出すことができます。

第二に、あなたはそれを選択し、これはあなたのコードは、フォームを構築するためのオンライン任意のチュートリアルに従ってください

var arr=[]; 
    for(var i=1;i<=3;i++){ 
     arr.push($('ques' + i).val()) 
     arr.push($('ans' + i).val()) 
    } 
+0

ちょうど私が探しているもの...しかし、あなたはidセレクタの "#"を見逃していました... $( '#ques' + i).val()...ありがとう... –

関連する問題