代码之家 › 专栏 › 技术社区 › HemalHerath

如何使用jquery和codeigner在foreach中获取按钮值?

foreach codeigniter jquery javascript

0

HemalHerath · 技术社区 · 7 年前

在我看来,我有一个如下的foreach循环

<?php foreach($wishes as $wish) { ?>
    <input id="delete" type="button" value="<?= $wish->id ?>">
<?php } ?>

每个按钮的按钮值不同

如果我使用下面这样的方法,只需单击第一个按钮,它的值“其他按钮”不起作用。

我做错什么了

$(document).ready(function() {

    $("#delete").click(function(event) {
        event.preventDefault();

        var id = $("#delete").val();

        console.log('delete');
        console.log(id);

    });

});

3 回复 | 直到 7 年前

1

Senal 7 年前

使用类而不是ID。因为ID必须是唯一的。由于您的ID值是动态的,所以您可以使用按钮的类来侦听按钮单击事件。

<?php foreach($wishes as $wish) { ?>
   <input class="delete" type="button" value="<?= $wish->id ?>">
<?php } ?>

$(document).ready(function() {

  $(".delete").click(function(event) {
      event.preventDefault();

      var id = $(this).val();
      console.log(id);

  });

});

2

0

Danish Ali 7 年前

<?php foreach($wishes as $wish) { ?>
   <input class="delete" type="button" value="<?= $wish->id ?>">
<?php } ?>

方法1

单击事件使用类而不是ID

$(document).ready(function() {

  $(".delete").click(function() {

      var IdValue = $(this).val();
      alert(IdValue);

  });

});

方法2

点击按钮可以调用函数 onclick="function_name()" 并将ID作为参数传递

<?php foreach($wishes as $wish) { ?>
   <input class="delete" type="button" value="<?= $wish->id ?>" onclick="GetId(<?= $wish->id ?>)" >
<?php } ?>

function GetId(IdValue){
    alert(IdValue)
}

3

-1

Vadim Hulevich 7 年前

添加到事件的代码类中

<?php foreach($wishes as $wish) { ?>
    <input id="<?= $wish->id ?>" class="action" type="button" >
<?php } ?>

$wish->id -->id必须是uniq,服务器必须提供此

$(document).ready(function() {

    $(".action").click(function(event) {
        event.preventDefault();

        var id = event.target.id;

        console.log('delete');
        console.log(id);

    });

});