從多個標籤和輸入中獲取當前標籤中的所有值

Question

我有一個頁面，我的標籤在paginatethis用於分頁所有字段。現在從我的PHP腳本2到100 paginate這個class = abc標籤可以被生成，我怎樣才能得到只有當前字段的值？我已經使用了插件分頁 easyPagination因此使用paginatethis標籤

我分頁代碼如下所示

$('#qwe').easyPaginate({ 
    paginateElement: 'paginatethis.abc', 
    elementsPerPage: 1, 
    effect: 'climb' 
}); 

這是我的jQuery的即時通訊。我需要在按鈕單擊時選擇當前paginatethis標記中的所有元素。

$(document).ready(function() { 
    $(".submit:current").click(function(){ 
     var quesid = $("#quesId").val(); 
     var oans = $("#oans").val(); 
     var cdate = $("#testDate").val(); 
     var studans = $("#answer:checked").val(); 

     $.ajax({ 
      url: "<?php echo base_url('Front/submitAns');?>", 
      data: { 
       quesid: quesid, 
       oans: oans, 
       cdate: cdate, 
       studans: studans 
      }, 
      method: "POST", 
      dataType: "text", 
      success: function(data) { 
       $("#counts").html(data); 
      }  
     }); 
    }); 
}); 

<paginatethis class="abc"> 
    <input type="radio" value="A" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="B" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="C" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="D" class="form-group" id="answer" name="answer"> 
    <input type="hidden" name="testDate" value="<?php echo date("Y-m-d");?>" > 
    <input type="hidden" name="oans" id="oans" value="<?php echo base64_encode($data->ans);?>" > 
    <input type="hidden" name="quesId" id="quesId" value="<?php echo $data->id;?>" > 
    <button type="button" name="submit" class="submit">SUBMIT</button> 
</paginatethis> <!--/value changed from above tag--> 
<paginatethis class="abc"> 
    <input type="radio" value="A" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="B" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="C" class="form-group" id="answer" name="answer"> 
    <input type="radio" value="D" class="form-group" id="answer" name="answer"> 
    <input type="hidden" name="testDate" value="<?php echo date("Y-m-d");?>" > //value changes in every tag 
    <input type="hidden" name="oans" id="oans" value="<?php echo base64_encode($data->ans);?>" > 
    <input type="hidden" name="quesId" id="quesId" value="<?php echo $data->id;?>" >  
    <button type="button" name="submit" class="submit">SUBMIT</button> 
</paginatethis> 

Answer 1

您可以使用函數serialize讓你的當前網頁內的輸入所有的值。

請注意，您需要更改單擊事件處理點擊DOM的變化，所以不是$('.select').click我用$('#qwe').on('click', '.submit',

下面是一個例子：

$('#qwe').easyPaginate({ 
 
    paginateElement: 'paginatethis.abc', 
 
    elementsPerPage: 1, 
 
    effect: 'climb' 
 
}); 
 

 
$('#qwe').on('click', '.submit', function() { 
 
    all_data_in_page = $('#qwe input').serialize(); 
 
    console.log(all_data_in_page); 
 
    $.ajax({ 
 
    url: "your url", 
 
    data: all_data_in_page, 
 
    method: "POST", 
 
    dataType: "text", 
 
    success: function(data) { 
 
     $("#counts").html(data); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://st3ph.github.io/jquery.easyPaginate/js/jquery.easyPaginate.js"></script> 
 
<div id="qwe"> 
 
    <paginatethis class="abc"> 
 
    Content of page 1 
 
    <input type="radio" value="A" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="B" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="C" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="D" class="form-group" id="answer" name="answer"> 
 
    <input type="hidden" name="testDate" value="1" > 
 
    <input type="hidden" name="oans" id="oans" value="2" > 
 
    <input type="hidden" name="quesId" id="quesId" value="3" > 
 
    <button type="button" name="submit" class="submit">SUBMIT</button> 
 
    </paginatethis> 
 
    <paginatethis class="abc"> 
 
    Content of page 2 
 
    <input type="radio" value="A" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="B" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="C" class="form-group" id="answer" name="answer"> 
 
    <input type="radio" value="D" class="form-group" id="answer" name="answer"> 
 
    <input type="hidden" name="testDate" value="4" > 
 
    <input type="hidden" name="oans" id="oans" value="5" > 
 
    <input type="hidden" name="quesId" id="quesId" value="6" >  
 
    <button type="button" name="submit" class="submit">SUBMIT</button> 
 
    </paginatethis> 
 
</div>