javascript - 两种类型的输入由选项卡分隔，我只能传递选项卡被选中的输入

Question

我有一个小问题，我有一个表单和两种类型的输入，一种用于文本，一种用于图像，分别由制表符分隔。但是输入文字时无法上传图片，上传图片后也无法输入文字。按照下图操作

无论选项卡如何，按钮都将始终存在。

然后我只需将所选选项卡的数据发送到我的代码。

我不知道该怎么做。有什么想法吗？

我正在使用 CodeIgniter，只是要注意...

Answer 1

如果您只是使用普通的 GET 或 POST HTTP 请求将表单发送到服务器，则该表单中的所有字段都将传输到服务器。独立于它的可见性状态或其他一些客户端技巧。

但是您可以在将表单发送到服务器之前使用 JavaScript 以某种方式转换表单。例如您可以从表单中完全或仅删除不必要的字段 mark them as disabled 。或者您可以添加一些字段，以便服务器可以确定哪个选项卡本身处于事件状态并忽略其他选项卡的内容。