英文:
Push the value to input array field
问题
以下是翻译好的部分：
如何向具有名称为数组的输入添加元素？
<input type="hidden" class="deleted-images" name="deletedImages[]" value="">
在 PHP 输出中，我希望得到一个数组：
deletedImages => [1,2,...n]
英文:
How can I add elements to input with name as array?
<input type="hidden" class="deleted-images" name="deletedImages[]" value="">
const deleteButtons = document.querySelectorAll('.delete-resource');const removedImagesInput = document.querySelector('.deleted-images');deleteButtons.forEach((item) => {item.addEventListener('click', function () {item.closest('.input-photo-preview').style.display = 'none';removedImagesInput.value += parseInt(item.getAttribute('data-image-id')) + ',';});})
At the output in PHP I want to get an array:
deletedImages => [1,2,...n]
答案1
得分: 2
为了让PHP接收一个数组，您需要具有多个元素，它们的name属性应为"deletedImages[]"。
例如，您可以为每个新值克隆您现有的.deletedImages元素：
const deleteButtons = document.querySelectorAll('.delete-resource');const removedImagesInput = document.querySelector('.deleted-images');const removedImagesInputParent = removedImagesInput.parentNode;// 防止提交空值removedImagesInputParent.removeChild(removedImagesInput);deleteButtons.forEach((item) => {item.addEventListener('click', function () {item.closest('.input-photo-preview').style.display = 'none';// 创建新的<input>元素const elInput = removedImagesInput.cloneNode(false);elInput.value = item.getAttribute('data-image-id');// 将新的<input>插入DOM中removedImagesInputParent.appendChild(elInput);});})
否则，您需要发送JSON或逗号分隔的文本（就像您的尝试一样），然后在PHP中解码它成为一个数组，类似于：
$deletedImages = explode(",", $_POST['deletedImages']);
英文:
In order for PHP to receive an array, you'd need multiple elements with name="deletedImages[]".
For example, you can clone your existing .deletedImages element for each new value:
const deleteButtons = document.querySelectorAll('.delete-resource');const removedImagesInput = document.querySelector('.deleted-images');const removedImagesInputParent = removedImagesInput.parentNode;//prevent submitting empty valueremovedImagesInputParent.removeChild(removedImagesInput);deleteButtons.forEach((item) => {item.addEventListener('click', function () {item.closest('.input-photo-preview').style.display = 'none';//create new <input> elementconst elInput = removedImagesInput.cloneNode(false);elInput.value = item.getAttribute('data-image-id');//insert new <input> into DOMremovedImagesInputParent.appendChild(elInput);});})
Otherwise, you'd need send JSON or comma separated text (as your attempt does) and in php decode it into an array with something like:
$deletedImages = explode(",", $_POST['deletedImages']);
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论