我正在尝试使用 javascript 和 php 构建自己的表单构建器,但在获取整个表单时遇到问题,因为我想在其他页面上显示相同的表单。我想生成一个包含整个表单链接的字符串。单击该链接后,将生成相同的表单
javascript代码是
$('document').ready(function(){
var flag=0;
$(".divname").draggable({
helper : "clone"
});
$( ".drop_class" ).droppable({
drop: function( event, ui ) {
switch(ui.helper.context.id){
case "heading_id":
$( this ).append( "<div class='default_css' id='header'>Write Heading Here<input id='head_id' name='hello' class='common' type='text'/></div>" );
break;
case "textbox_id":
$( this ).append( "<div class='default_css'>Write Text Here<input id='text_id' class='common'type='text'/></br></div>" );
break;
case "textarea_id":
$( this ).append( "<div class='default_css'>Enter Information<textarea id='tarea_id' class='common'rows=5 cols=70></textarea></div>" );
break;
case "radio_id":
$( this ).append( "<div class='default_css'>Gender</br><input type='radio' value='male' name='sex'>Male<br><input type='radio' value='female' name='sex'>Female" );
break;
case "fullname_id":
$( this ).append( "<div class='default_css'>First Name<input id='fname_id' class='common' type='text'/>Last Name<input type='text'id='lname_id'/></br></div>" );
break;
case "mobile_id":
$( this ).append( "<div class='default_css'>Enter Mobile Number<input id='mob_id' class='common' type='text'/></div>");
break;
}
if(flag==0){
$( this ).append("<div class='default_css'><input type='button' id='submit_button' style='position:absolute;right:330px;bottom:0;'value='submit'/></div><div id='generate_id'><input type='button' style='position:absolute;right:100px;bottom:0;' value='Generate URL'/>");
}
flag = 1;
}
});
});
我如何获得完整的表格