Question

我正在创建员工调度程序应用程序。我想创建一个按钮，将日历视图更改为下一个或上个月的视图。但问题是，当我点击按钮时，日历已更改，但已选择在日历上查看的员工将返回默认状态。

我的php文件中有这个按钮：

    <input type="submit" id="month-next" value="Next Month">

我为我的按钮创建了jquery：

    $('input#month-next').click(function(id){

        if(month==12){
                ++year;
                month=0;
            }
            ++month;

        $('div#month-data').load('scheduler/ajax/calendar.php?month='+month+'&year='+year+'&empid='+id);
    });

那么，我怎样才能通过我的'empid＆＃39;从php页面到我的jquery函数的值？

Answer 1

使用button代替输入type=submit，因为提交将重新加载页面。

Answer 2

如果你的jquery在同一个php页面中，你可以使用

$('input#month-next').click(function(){
   var id = '<?php echo $empid ?>';

   //your remaining code
});

如果你的另一个地方的jquery需要在函数调用中作为参数传递：

<input type="button" id="month-next" value="Next Month" onclick="monthNext('<?php echo $empid; ?>');" >

使用函数代替上面的click事件：

function monthNext(id)
{
      if(month==12)
      {
            ++year;
            month=0;
      }
      ++month;

      $('div#month-data').load('scheduler/ajax/calendar.php?month='+month+'&year='+year+'&empid='+id);
}

Answer 3

使用HTML 5，您可以使用数据属性。

<input type="submit" id="month-next" value="Next Month" data-empid="5">

JS：

$('input#month-next').click(function(){
  id = $(this).data("empid");
  // rest of your code
}

Answer 4

选择一个隐藏字段，您可以在其中支持员工ID，然后点击该按钮获取此隐藏字段值

$('#button').click(function(){
  emp_id = $('#emp_id').val();
  // rest of your code
}

从php发送值到jquery函数

4 个答案: