如何笨

Question

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> 

如何将隐藏的字段值以任何方式传递给这些函数？

Answer 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>