php - 通过JQuery获取多个按钮的值

Question

我想在通过 JQuery 和 PHP 按下某个按钮时执行某些操作。然而问题是，我的页面上的按钮是动态生成的，所有按钮都有不同的值。所以它可能是三个、四个按钮……等等。

两个主要问题是:

1) Javascript 仅识别第一个按钮，其他按钮不执行任何操作。

2) 我找不到用 JavaScript 将变量 id 传递到 PHP 代码的方法。

一个例子有望使问题变得清晰:

HTML，按钮数量未知，均具有不同的值:

<button id='button' value='$variableid1'>Do something</button>
<button id='button' value='$variableid6'>Do something</button>
<button id='button' value='$variableid11'>Do something</button>
...

按下后，我尝试激活此 Javascript 代码:

 $(document).ready(function() {
   $("#button").click(function() {
    $.ajax({
        type:"POST",
        data: {clicked: ?},
        });
    });

});  

PHP代码，在同一页面上:

if(isset($_POST['clicked'])){

//do some stuff with the variable id.

}

Answer 1

ID 必须是唯一的，您应该使用类，并且对于动态生成的元素，您应该委托(delegate)事件:

$(document).on('click', '.button', function(e) {
   // e.preventDefault();
   $.ajax({
       type:"POST",
       data: {clicked: this.value},
   }).done(function(data){
       console.log(data, 'done');
   });
});