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

回答

相關問題