Javascript 如何将通过拖放UI构建的布局设计保存为选项值<；选择>；？

var计数器=1；
var-rotat=5；
var checkDropZone，
$clone，
克隆体，
cloneOff，
wardInfo，
内容价值，
childAttr，
cloneChildAttrId，
布局数据，
optText，
选择值；
var抵销、XPO、YPO；
$（文档）.ready（函数（）{
变量$draggable=$（'.list-zone-1、.list-zone-2、.list-zone-3、.list-zone-4、.list-zone-5、.list-zone-6、.list-zone-7、.zone-6、.zone-7、.zone-8'）；
wardInfo='ADDCANCEL'；
$（'.select2me'）。在（'change'，function（）上{
optText=$（'.select2me选项：selected'）.text（）；
optValue=$（'.select2me选项：selected'）.val（）；
checkDropZone=$（'.dropZone'）.html（）；
/*检查所选选项是否具有该值
$.ajax({
键入：“POST”，
url:“”，
数据：optValue，
contentType:'application/JSON；charset=utf-8'，
数据类型：“JSON”，
成功：功能（结果）{
console.log（“结果：+Result”）；
$（'.drop zone'）.html（结果）；
}
});*/
如果（checkDropZone！=''）{
console.log（'放置区不为空，请清洁放置区！'）；
确认（“您确定要清空放置区！！”；
layoutReset（）；
}否则{
console.log（'放置区为空，请进行一些设计…）；
$draggable.draggable({
助手：“克隆”，
光标：'-webkit-grab'，
拖动：函数（e）{
偏移量=$（this.offset（）；
xPos=offset.left；
yPos=offset.top；
log（“偏移量”+Offset+”，Xpos:“+Xpos+”，“+”Ypos:“+Ypos”）；
},
公差：“配合”，
还原：“无效”，
开始：功能（事件、用户界面）{
ui.helper.data（'dropped'，true）；
},
停止：功能（事件、用户界面）{
console.log（'stop:dropped='+ui.helper.data（'dropped'）；
}
});
$（“.drop zone”）.dropable({
接受：$draggable，
光标：“移动”，
//zIndex:'999'，
drop：函数（事件、用户界面）{
ui.draggable.data（'dropled'，true）；//检查是否已删除此draggable
$clone=ui.helper.clone（）；
console.log（$clone）；
$（文档）.keydown（函数（e）{
如果（e.which==90&&e.ctrlKey）{
$clone.remove（）；
}
});
//创建克隆元素的属性
$clone.attr({
'id'：'clonedElement'+计数器，
“数据切换”：“popover”，
'位置'：'绝对'，
“数据-患者姓名”：“，
“数据ipNo”：“，
“数据索引”：“，
“数据状态”：“
});
克隆id=$clone.attr（'id'）；
//警报（“克隆Id:”+克隆Id）；
$clone.click（函数（）{
$（此）。每个（功能）（e）{
log（$（e.target））；
});
});
childAttr=$clone.children（）.attr（'class'）；
cloneChildAttrId=$clone.children（）.attr（'id'，'list zone-'+计数器）；
cloneChildAttrId=cloneChildAttrId.attr（'id'）；
如果（！$clone.is（“.在放置区内”））{
$（this.append（$clone.addClass（'inside-drop-zone'））.draggable({
安全壳：'.drop zone'，
光标：“移动”，
zIndex:'999'，
回复：“真”
}));
//将克隆的元素放置在放置区域中。
var pos=eval（$（ui.helper.offset（））；
控制台日志（pos）；
var draggableOffset=ui.helper.offset（）；
控制台日志（draggableOffset）；
droppableOffset=$（this.offset（）；
console.log（droppableOffset）；
left=（draggableOffset.left-dropableoffset.left）+15+'px'；
控制台日志（“左：+左）；
thisTop=（DragableOffset.top-DropableOffset.top）+25+'px'；
console.log（“Top:+thisTop”）；
cloneOff=$clone.offset（）.left；
console.log（“偏移值：+cloneOff”）；
如果（$clone.hasClass（'zone-6'）| |$clone.hasClass（'zone-7'）| |$clone.hasClass（'zone-8'））{
$clone.css({
“位置”：“绝对”，
“左”：左，
“顶部”：此顶部
//“背景色”：“fff”，
//“边框”：“1px实心#444”
});
}否则{
$clone.css({
“位置”：“绝对”，
“左”：左，
“顶端”：这个顶端，
“背景色”：“fff”，
“边框”：“1px实心#bbb”
});
}
if（$clone.hasClass（'list-zone-1'）| |$clone.hasClass（'list-zone-2'）| |$clone.hasClass（'list-zone-3'））{
$clone.resiable({
助手：“ui可调整大小的助手”，
安全壳：'.drop zone'，
maxHeight:$（'.drop zone'）.height（），
maxWidth:$（'.drop zone'）.width（），
//手柄：“东北、东南、西南、西北、北、南、西、东”，
手柄：“东北、东南、西南、西北”，
aspectRadio:错误
});
}
//自动递增以生成克隆对象的动态id
计数器++；
//创建Popover以将值绑定到克隆的元素。
$clone.on（'click'，function（）{
//if（$（this）.hasClass（$（list-zone-1'）|$（this）.hasClass（$（list-zone-2'）|$（this）.hasClass（$（list-zone-3'）|$（this）.hasClass（$zone-6'）|$（this）.hasClass（'zone-7'）|$（this）.hasClass（'zone-8'））{
if（$（this）.hasClass（'list-zone-1'）| |$（this）.hasClass（'list-zone-2'）| |$（this）.hasClass（'list-zone-3'））{
返回；
}否则{
$（'#'）+克隆内菌