如何获取javascript函数中的变量值传递给php变量

时间:2016-11-17 08:06:03

标签: javascript php ajax

这是我在表单中的代码,显示要选择的期间和年份。 正如你所看到的那样,按钮(不是提交按钮)上有一个按钮,可以调用一个模态。所以我需要它传递模态中输入的周期和年份的值。我没有在表单中写下整个代码,只是强调我的问题所需的重要脚本。

<form name="myform" id="myform" action="index.php" method="post">
<input></input> //input of period
<input></input> //input of year
<button type="button" class="btn btn-info btn-large" data-toggle="modal" data-target="#myModal"  id="range">Assign Payout Schedule</button>
</form>

这是我的模态。所以在这里,我有一个代码设置从上面的表格中输入的值传递的周期和年份,但它没有得到具有post方法的值,我真的对此有疑问,因为我没有使用提交按钮,我没有使用ajax方法的原因是因为在模态中我无法从数据库中获取值以显示在模态中,这是第一个出现的问题&#39 ;为什么我将我的代码更改为此,现在使用函数getPeriod我可以使用document.getElementByid获取值但是如何在php变量中传递这些变量,以便我可以在我的setter中设置这些变量?我一直坚持这一点,所以如果有人能在这个案例中找到解决方案,这真的是一个很大的帮助。或者,如果还有其他方法可以告诉我。

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">

<script type="text/javascript">

//getPeriod();

function getPeriod(){

var period = document.getElementById("quarter").value; 
var year = document.getElementById("year").value; 

 }

<?php

    $Payroll_Summary = new Payroll_Summary();
    $Payroll_Summary->setPeriodCovered(period]);
    $Payroll_Summary->setYear(year);
    $data = $Payroll_Summary->getStartEndDateRange();
            foreach($data as $dataList){  
            $var1 = $dataList['start_date_range'];
            $var2 = $dataList['end_date_range'];

            $sdr = date('Y/m/d', strtotime($var1));
            $edr = date('Y/m/d', strtotime($var2));} ?>

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times; </button>
    <h4 class="modal-title">Edit Payroll Summary</h4>
  </div>
  <div class="modal-body">
<p> Start Date - End Date (Range):<?php echo $sdr.'-'.$edr; ?> </p> 
    Start Date &nbsp;<input class="input-large" type="date" name="start_date" id="start_date" value="<?php echo $_POST['start_date']; ?>"  onchange="checkStartDate('<?php echo $var1;?>','<?php echo $var2;?>');"><br />
    End Date &nbsp;<input class="input-large" type="date" name="end_date" id="end_date" value="<?php echo $_POST['end_date']; ?>"  onchange="ajaxTxnList();"><br />
    FO Remarks&nbsp;<input class="input-large" type="text" name="fo_remarks" id="fo_remarks" value="<?php echo $_POST['fo_remarks'];?>" onchange="ajaxTxnList();" ><br />
</div>
  <div class="modal-footer">
  <?php if($_SESSION[ewSessionUserLevel] == "5" || $_SESSION[ewSessionUserLevel] == "-1"){ ?>   
   <button type="button" class="btn btn-default" onclick="generatePayrollSummary('2','1','1','1')" data-dismiss="modal">Update</button>
   <?php }else{?>
   <button type="button" class="btn btn-default" onclick="generatePayrollSummary('2','1','1','2')" data-dismiss="modal">Update</button>
   <?php }?>
   <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
  </div>

   

<script type="text/javascript">

function checkStartDate(sdr,edr){

var start_date = document.getElementById("start_date").value; 
var start_date_range = sdr;
var end_date_range = edr;

if(start_date < start_date_range || start_date > end_date_range){
    //document.getElementById('warning1').innerHTML = "Invalid Start Date! Should be between Start-End Date Range.";
    alert("Invalid Start Date! Must be between start-end date range.");
}
}

</script>

0 个答案:

没有答案