HTML5拖放形式

我已经看了一下，我想知道这可能与HTML5拖放。HTML5拖放形式

我想要有3个部分，1个部分包含男士图片，1个部分包含女孩图片，1个部分我可以拖动1个男士和1个女孩。一旦两个人被拖入这个部分，然后按下一个提交按钮，它就像一个表格一样对待它，并通过该人的ID和要处理的女孩的ID。

我的HTML看起来像这样

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 
<br> 
<img id="drag1" src="guy.jpg" draggable="true" ondragstart="drag(event)" width="200" height="200"> 
<img id="drag2" src="girl.jpg" draggable="true" ondragstart="drag(event)" width="200" height="200">

会的img ID是在那里我可以为影像设定的ID的地方吗？
如何将表单合并到div1部分中？

来源

2013-04-11 Graham

我想你可以用jQuery的submit来做到这一点。 http://api.jquery.com/submit/

来源

2013-04-11 11:41:02 CaptainCarl

你可以扩展一下吗？我不确定你的意思。 – Graham 2013-04-11 23:54:39

删除拖动的内容后，可以使用jquery（'$（'＃field'）。val（'value'）;'）更改表单的值，并在$（' #form'）。提交（）' – CaptainCarl 2013-04-12 06:35:27

HTML5拖放形式

回答

相关问题