將值從php發送到jquery函數

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);
    });

因此，如何從php頁面將“ empid”值傳遞給我的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
}