![](/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.