我正在建立一个网站,用户可以在其中创建包含多个图像的文章。
我想让用户在编辑表单时可以删除他们想要的一些图像。所以我希望在我的表单中有一个主提交按钮,它执行存储文章所有细节的功能,但也有一个执行删除图像功能的另一个提交按钮。
我该怎么做?
非常感谢您的关注和参与。
答案 0 :(得分:1)
如果我说对了,你想要1个FORM,2个SUBMIT按钮,根据你按哪一个,做一个不同的动作?有可能做到这一点,但不是很实用。 为此,请为每个值创建2个提交按钮。即:
<input type="submit" name="mysubmit" value="delete image" />
<input type="submit" name="mysubmit" value="send the form" />
执行此操作时,您的发布/获取数据将包含一个项目名称mysubmit及其值,因此您知道按下了哪个按钮,并且您可以基于此执行操作。
但是,当您通过按提交按钮提交表单时,您会将整个内容发送到您的服务器,并刷新页面。我通常更喜欢使用Ajax进行简单操作。例如,我将删除删除提交按钮并将其替换为一个简单的按钮。按下时,发送一个Ajax调用告诉服务器删除该图像,并使用DOM删除浏览器DOM树中的图像(通常是jQuery)。请注意,您还可以使用Ajax发布表单,更好的界面以及无页面刷新。