为一个输入字段提交多个值
Submitting multiple values for one input field
我想做什么:
我正在尝试构建一个非常简单的可视化布局构建器。这个想法是,用户选择一个块,它有一些设置,这些设置值存储在隐藏的输入中,当用户保存页面时,我将这些值存储在数据库中。
基本块正常:
例如,用户选择一个"文本"块,它是这样添加的:
<div>
<input type="hidden" value="text" name="item_name[]">
<input type="hidden" value="" name="item_title[]">
<input type="hidden" value="sdsd" name="item_text[]">
</div>
问题:
但是,某些块的每个字段具有多个值。例如,"图库"块,其中包含多个图像 URL、图像标题等。我在寻找合适的方法来组合多个值并提交时遇到了问题。
现在我将它们添加到带有jQuery的字符串中,用__分隔。我可以存储数据并将其分开,但问题是,如果我想从中删除任何图像,这非常困难,因为我刚刚将它们添加到字符串中,因此很难找到并删除它。
<div>
text item
<input type="hidden" value="gallery" name="item_name[]">
<input type="hidden" value="__http://img1.jpg__http://img2.jpg" name="img_path[]">
<input type="hidden" value="__img1__img2" name="img_title[]">
<input type="hidden" value="" name="img_desc[]"></input>
</div>
问题:
对于上述块示例发送多个值的合适方法是什么,请记住,将有多个块具有多个输入值?
谢谢。
- 构建一个包含所有值的 Javascript 数组。
- 将数组转换为 JSON
- 提交 JSON 作为隐藏字段的值
- 在服务器端,使用 PHP json_decode 函数将 JSON 转换为 PHP 对象或数组
相关文章:
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 带有验证和隐藏字段值的提交按钮
- 添加和删除隐藏字段数组中的值,而不提交表单
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 检索要提交的字段的标记位置
- 在表单中的输入字段上提交事件
- 当所有输入文本字段都为空时,禁止表单提交,但当jquery中的任何字段不为空时允许提交
- 角度,材料形式只说提交尝试后需要字段
- 提交表单时,显示或识别隐藏的必填字段并将其集中
- 使用javascript提交表单并从字段/单选框/复选框/文本区域获取数据
- ReactJS表单提交如何访问字段值
- 按enter键时,jQuery UI自动完成字段未提交
- 如何在表单提交后清除输入字段
- 如何防止某些形式's个字段无法提交
- Magento表单验证,表单提交时没有有效字段
- 获取所有输入字段并保留文本字段中的值,即使在使用 javascript 和 php 提交按钮后也是如此
- 单击按钮提交输入字段值
- 通过电子邮件发送表单通过javascript提交字段发送表单
- 轨道.jQuery表单提交字段模糊
- 表单提交字段为空白.使用Javascript隐藏和显示字段