纵有疾风起
人生不言弃

JS点击事件删除单行数据

今天学得的新知识点:采用js方式实现页面跳转并传递get参数实现数据库的单行删除

<!DOCTYPE html>
<html>
<head>
    <meta charset=”utf-8″>
    <title>用户表</title>
</head>
<body>
    <table border=’1′ align=”center” width=’1000′>
        <h2><center>用户信息表</center></h2>
        <tr>
            <th>ID</th><th>用户名</th><th>密码</th><th>性别</th><th>电话</th><th>邮箱</th><th>部门</th><th>简介</th><th>操作</th>
        </tr>
        {*此处是smarty模板所接收到的值使用foreach遍历出来数据库的内容*}
        {foreach $lists as $list}    
        <tr align=”center”>
            <td>{$list.id}</td>
            <td>{$list.username}</td>
            <td>{$list.pwd}</td>
            <td>{$list.sex}</td>
            <td>{$list.phone}</td>
            <td>{$list.mail}</td>
            <td>{$list.depart}</td>
            <td>{$list.descs}</td>
            <td><input type=”button” value=”修改” οnclick=”update()”>
                {*删除按钮点击事件触发js程序,此处传递参数为ID值,下面del方法接收*}
                <input type=”button” value=”删除” οnclick=”del({$list.id})”>
                }
            </td>
        </tr>    
        {/foreach}
    </table>
    <script type=”text/javascript”>
        function del(rowid){
            var del=window.confirm(“您确定删除吗?”);
            if(del){
                location.href=”delete.php?id=”+rowid;
            }else{

            }
        }
    </script>
</body>
</html>


原文链接:https://blog.csdn.net/living_ren/article/details/78835463

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

未经允许不得转载:起风网 » JS点击事件删除单行数据
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录