2017-11-04 44 views
0

2間或更多的數據傳遞到AJAX在一種形式中如何通過由AJAX兩個或更多數據在上點擊到控制器如何笨

HTML代碼

<div class="form-group col-md-4"> 
    <input type="hidden" name="valdte" value="<?php echo $todate; ?>"> 
    <label for="">Sort By</label> 
    <select class="form-control" id="picker"> 
<option>-----Select--------</option> 
<option value="1">Executive</option> 
<option value="2">Location</option> 
</select> 
</div> 
<div id="new_in" class="form-group col-md-4"></div> 

Ajax代碼是

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#picker').on('change', function() { 
     var StateID = $(this).val(); 
     console.log(StateID); 
     if (StateID) { 
     $.ajax({ 
      type: 'POST', 
      url: 'sort_by', 
      data: 'id=' + StateID, 
      success: function(html) { 
      $('#new_in').html(html); 
      } 
     }); 
     } else { 
     $('tbody').html('<option value="">Select View by first</option>'); 
     } 
    }); 
    }); 
</script> 

如何將隱藏的字段值以任何方式傳遞給這些函數?

回答

1

使用它作爲

<input type="hidden" id="valdte" name="valdte" value="<?php echo $todate; ?>"> 

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#picker').on('change', function() { 
     var StateID = $(this).val(); 
     var data1_value = $('#valdte').val(); 
     var data2_value = "bcd"; 
     var data3_value = "ety"; 
     console.log(StateID); 
     if (StateID) { 
     $.ajax({ 
      type:'POST', 
      url:'sort_by', 
      data:{data1:data1_value,data2:data2_value,data3:data3_value,id:StateID}, 
      success:function(html){ 
       $('#new_in').html(html); 
      } 
     }); 
     } else { 
     $('tbody').html('<option value="">Select View by first</option>'); 
     } 
    }); 
    }); 
</script> 
+0

如何利用腳本的輸入值 –

+0

檢查我的編輯答案@andrewghosh –