gpt4 book ai didi

php - 使用 ajax 创建的字段保存表中的更改

转载 作者:行者123 更新时间:2023-11-29 03:32:17 25 4
gpt4 key购买 nike

<分区>

我正在设置一个 Ajaxy 表单,管理员应该能够在其中单击添加按钮 (+) 以将新条目添加到 mysql 表中并使该输入可编辑。添加按钮用于添加新行,但新行已“死”。将数据添加到输入字段不会调用 ajax php 文件来保存数据,其中包括删除 (-) 行的函数。

表单和动态添加的 div 中的 HTML:

<div class="form-group" >
<label class="col-xs-2 control-label">Friend's name</label>
<div class="col-xs-2"><input type="text" class="form-control saveFname" name="fname" id="34" gid="99" value="" placeholder="First name" /></div>
<div class="col-xs-2"><input type="text" class="form-control saveLname" name="lname" id="34" gid="99" value="" placeholder="Last name" /></div>
<div class="col-xs-1"><button type="button" class="btn btn-default removeButton" id="34" gid="99" ><i class="fa fa-minus"></i></button></div>
</div>

添加字段组的javascript:

// ADD GROUP BUTTON
.on('click', '.addButton', function() {
var ID=$(this).attr('id');
var GID=$(this).attr('gid');
var LAST=$(this).attr('last');
$("#showGroup").html( "" );
var dataString = 'name=add' +'&id='+ID +'&gid='+GID +'&last='+LAST;
$.ajax({
type: "POST",
url: "addGroup2.php",
data: dataString,
cache: false,
success: function(html)
{
$("#showGroup").html( html );
}
})
})
// END ADD GROUP BUTTON

javascript 保存字段组数据:

// SAVE FNAME
$('.saveFname').keyup(function()
{
var check=$(this).val();
var avail=remove_whitespaces(check);
var ID=$(this).attr('id');
var GID=$(this).attr('gid');
$("#Results").html( "" );
if(avail!=''){
$('.check_saveFname').show();
var String = 'fname='+ avail;
var dataString = 'fname='+ avail +'&id='+ID;
$.ajax({
type: "POST",
url: "saveGroup2.php",
data: dataString,
cache: false,
success: function(html)
{
$("#Results").html( html );
}
});
}else{
$('.check_saveFname').html('');
}
});
// END SAVE FNAME

如何使动态添加的输入响应请求?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com