Javascript 相同的html表单执行不同的操作

我所处的场景中有这些数据行

<a id="login" href="#"><img src="images/edit_ico.png" alt="Edit" title="Edit"  border="0" id="<?php echo $key['sub_Id'];?>" /></a> &nbsp;&nbsp;
            <a id="login" href="#"><img src="images/del_ico.png" alt="Delete" title="Delete" border="0" id="<?php echo $key['sub_Id'];?>" /></a> &nbsp;&nbsp;
            <a id="login" href="#"><img src="images/suspend_ico.png" alt="Suspend" title="Suspend" border="0" id="<?php echo $key['sub_Id'];?>" /></a>
            </td>

---

加载表单时，如何通过在图像id字段中获取id来执行不同的操作。

在表单上创建隐藏输入：

<input type="hidden" name="sub_id" id="sub_id" value="" />

您可以添加另一个隐藏字段来存储要执行的操作

请注意，我强烈建议在图像标签上使用“id”以外的其他属性，因为id必须是唯一的。相反，使用HTML5中引入的

数据

属性，正如Chatura Dilan在回答中所建议的那样。这将导致图像标记，如：

<img src="images/edit_ico.png" alt="Edit" title="Edit" border="0" data-subscriber="<?php echo $key['sub_Id'];?>" />

“/>

---

然后，您可以通过

$（this.data（'id'）

而不是

$（this.attr（'id'）

）在JavaScript中检索id。首先，不要对不同的链接使用相同的id，而是使用相同的CSS类名。您可以使用JQuery数据获取图像或链接中的数据

参考这个

例如：

在输入字段中获取id，但将其隐藏如果他真的想使用id，那么他会这样做@Callidor首先对你的建议表示赞许，但在此之后，如何获取隐藏字段的值以在表单上执行操作？？？你想在何处执行该操作？似乎你的表单已提交到服务器上的脚本中。在那里，是值所有隐藏字段都将像其他字段一样可用。因此，您可以通过

$\u POST['sub\u id']

访问订阅者id。使用另一个具有其他名称和id的隐藏字段作为您的操作标识符。awesome mate thumbs upppp。

<input type="hidden" name="sub_id" id="sub_id" value="" />

$('a#login').click(function(){
    $("#box").fadeIn('slow');
    $('form').fadeIn('slow');
    $('#sub_id').val($(this).attr('id'));
});

<img src="images/edit_ico.png" alt="Edit" title="Edit" border="0" data-subscriber="<?php echo $key['sub_Id'];?>" />

<a class="login" data-id="<?php echo $key['sub_Id'];?>" data-action="edit" href="#"><img src="images/edit_ico.png" alt="Edit" title="Edit"  border="0" /></a>

<a class="login" data-id="<?php echo $key['sub_Id'];?>" data-action="delete" href="#"><img src="images/delete_ico.png" alt="Delete" title="Delete"  border="0" /></a>