![](/img/trans.png)
[英]How to edit dynamic form fields to create a single hidden field comprised of the value of two fields
[英]How to assign unique value in hidden fields of a php edit form in a for loop
我正在编写一个编辑表单,它基于数据库的titleId字段。 单击更新按钮后,它将被重定向到javascript函数。
该页面有一个标题列表,点击其中任何标题后,您将看到一个可编辑的表单,您可以在其中编辑数据并进行更新。 选择用户希望看到的标题类型时会出现该页面。 这是代码:
编辑表格:
<div class="panel-group" id="facultyAccordion">
<?php
for ($i = 0; $i < count($getAll); $i++) {
echo <<<HTML
<div class="panel panel-default">
<div class="panel-heading"><h4 class="panel-title">
<a data-toggle="collapse" data-
parent="#facultyAccordion" href="#collapseF{$i}">{$getAll[$i]['title']}
</a></h4>
</div>
<div id="collapseF{$i}" class="panel-collapse collapse">
<div class="panel-body">
<form id="editTitle" method="post">
<div class="table-responsive">
<div class="form-group">
<label for="desc">Title:</label>
<input type="text" class="form-control" id="editadminTitle" name="title" value="{$getAll[$i]['title']}">
</div>
<div class="form-group">
<label for="desc">Units:</label>
<input type="text" class="form-control" id="editadminUnits" name="units" value="{$getAll[$i]['units']}">
</div>
<div class="form-group">
<label for="desc">Category:</label>
<input type="text" class="form-control" id="editadminCategory" name="category" value="{$getAll[$i]['category']}">
</div>
<input type="hidden" id="editTitleId" name="titleId" value="{$getAll[$i]['titleId']}">
<input type="hidden" id="editTypeId" name="typeId" value="$typeId">
</div>
</form>
<button type="Submit" class="btn btn-warning btn-sm" onclick="editTitleModalSubmit('{$getAll[$i]['titleId']}')"> Update</button>
</div>
</div>
</div>
HTML;
}
?>
</div>
main.js
function editTitleModalSubmit(titleId) {
console.log("1");
event.preventDefault();
$.ajax({
url: 'functions/administration-functions.php',
type: 'POST',
data: {"title": $('#editadminTitle').val(), "units":
$('#editadminUnits').val(), "category": $('#editadminCategory').val(), "titleId": $('#editTitleId').val(), "typeId": $('#editTypeId').val(), "switch":"edit"},
dataType: "json",
success: function () {
$('#adminForm').trigger('reset');
resultAlert('#adminResult', '#resultAdminContent', '<strong>You data was succefully saved!</strong>', 'alert-success');
}, error: function (error) {
console.log(error);
}
});
}
我只想帮助为隐藏字段分配唯一的ID - 在编辑表单中的titleId以及如何在main.js文件中调用它。
所以,在你的PHP中,你目前正在使用这个代码:
<input type="hidden" id="editTitleId" name="titleId" value="{$getAll[$i]['titleId']}">
如果您不需要此值,则可以将其更改为随机生成的数字:
$randTitleId = rand(1000, 9999);
...
<input type="hidden" id="editTitleId" name="titleId" value="{$randTitleId}"> `
然后,使用jQuery,您可以通过引用input
字段的name
或id
属性来获取此ID:
var randTitleId = $('#editTitleId').val();
然后,您可以在AJAX调用中使用变量randTitleId
。
我担心这可能有点过于简单了...... :)所以如果我错过了什么,请发表评论我会修改。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.