Question

我的情况是我有数据行。

<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>

这是不同订阅者的记录，对他们来说是编辑，暂停和删除图像。单击我打开jquery对话框，其中admin输入每个操作的用户名和密码。我将针对该表单上的每个操作获取订阅者ID并执行该特定操作。 这是我的表单

<div id="box" align="center">
</div>
<form name="loginform" id="confirm_action" method="post" action="process_form.php?action=<?php echo"1"; ?>" onsubmit="return validateForm()">User Name:
    <input type="text" name="username" id="username" placeholder="User Name..."/>
    <br/>Password:
    <input type="password" name="password" id="password" maxlength="20" placeholder="Password..." />
    <input type="submit" name="Submit" />
    <button type="button" id="cancel"> Cancel</button>

以及 jquery加载此表单

$('a#login').click(function(){
$("#box").fadeIn('slow');
$('form').fadeIn('slow');
})

当表单加载时如何通过在图像ID字段中设置id来执行不同的操作。

Answer 1

在表单上创建一个隐藏的输入：

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

它不会向用户显示，但会在表单提交时发送到您的服务器端脚本。使用JavaScript＆amp;更新它的价值显示表单时的jQuery：

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

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

请注意，我强烈建议您使用另一个属性而不是＆＃34; id＆＃34;在您的图片代码上，因为ID必须唯一。相反，使用Chatura Dilan在其答案中建议的HTML 5中引入的data属性。这会产生如下图像标记：

<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。

Answer 2

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

参考这个 http://api.jquery.com/data/

例如：

<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>

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

2 个答案: