动态获取按钮ID

Question

我需要在点击按钮时获取按钮id---

这是我的按钮代码，用于在条件为真时动态显示动态数据。

树枝:

  {% for usr in userstats %}
    {% if usr.condition == TRUE %} 
        <button type="submit" class="btn btn-success btn-xs  myOnButton.onclick = function(event){alert(event.currentTarget.id);} myOnButton">Allow</button>

这是我的 ajax 按钮 ---

<script>
    $(".myOnButton").on('click', function () {
        if (confirm('{% trans %}Are you sure?{% endtrans %}')) {
            $('body').addClass('load');

            var url = '/hello/hello';
            // Submit data via AJAX
            var data = {};
            $.ajax({
                url: url,
                type: 'POST',
                success: function (data) {
                    // Redirect to view
                    url = '/hello';
                    location.href = url;
                }
            });
        }
        return false;
    });

为了更清楚-假设在一列中我们有（名称：Dell，CompanyId:3001，地址-HelloDell，Phone-07555，condition:True），在另一列中我们有（名称：Apple，CompanyId:5001，地址- HelloApple，Phone-07555，condition:True）。

那么在 twig 文件中单击按钮时如何获取 CompanyId？

有人知道这个问题的解决方案吗？

Answer 1

使用纯 JS（无框架）并假设您有多个带有 class myOnButton 的按钮，您可以轻松地做到这一点：

var buttonClickHandler = function(e){
  console.log(e.target.id);
}

var buttonList = document.getElementsByClassName('myOnButton');
buttonList.forEach(function(button){
  button.addEventListener('click', buttonClickHandler);
});

编辑 1 和编辑 2：

使用 JQuery 我假设相应的代码看起来像这样：

$('.myOnButton').on('click', function(e){
  var buttonId = e.currentTarget.id;
  //start post request
  $.post('my/path/to/service.php', {id:buttonId}, function(data, err){
     //wait for response here
     console.log("my data yippii", JSON.stringify(data));
  })
});

PHP service.php 部分大概是这样的（我不得不承认这绝对不是我的强项）

//retrieve id
id = $_POST['id'];

现在您已经获得了 ID，您可以验证它并开始 SELECT 在 DB 或其他

上

希望对您有所帮助

动态获取按钮ID

Get Button Id dynamically

ajax

jquery

button

symfony

twig