php表格内容修改删除,javascript - 网页实现表格的内容更改,删除

5baeefca33503d95720ce36d49910ed0.png

jQuery UI Dialog - Modal form

$(function() {

var dialog, form,

nameRegex =/^[\u2E80-\uFE4F]+$/,

idRegex = /[0-9a-zA-Z]/,

name = $( "#name" ),

id = $( "#id" ),

allFields = $( [] ).add( name ).add( id ),

tips = $( ".validateTips" );

function updateTips( t ) {

tips

.text( t )

.addClass( "ui-state-highlight" );

setTimeout(function() {

tips.removeClass( "ui-state-highlight", 1500 );

}, 500);

}

function checkLength( o, n, min, max ) {

if ( o.val().length > max || o.val().length " +

''+

"" + name.val() + "" +

"" + id.val() + "" +

'编辑

删除' +

"" );

dialog.dialog( "close" );

}

return valid;

}

function editUser(){

}

dialog = $( "#dialog-form" ).dialog({

autoOpen: false,

// height: 300,

// width: 350,

modal: true,

buttons: {

"保存": addUser,

"取消": function() {

dialog.dialog( "close" );

}

},

close: function() {

form[ 0 ].reset();

allFields.removeClass( "ui-state-error" );

}

});

form = dialog.find( "form" ).on( "submit", function( event ) {

event.preventDefault();

addUser();

});

$( "#create-user" ).on( "click", function() {

dialog.dialog( "open" );

});

$("#editUser").click(function(){

dialog.dialog("open");

});

});

亲友设置

添加亲友

表单内容都是必填选项。亲友昵称:

ID

添加

删除

序号

Name

ID

操作

小小红

1234

编辑

删除

小小仔

1234

编辑

删除

小小庆

1234

编辑

删除

小白一枚,上面的东西,参考了jquery ui的东西写的。

点击编辑按钮,弹出窗口,窗口是表单信息,name+id。 更改name 或id, 保存。

点击删除按钮,删除当前行的信息。

添加功能已完善。编辑和删除信息,小白不知道怎么获取? 望各位大师帮帮忙,在线等。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值