1

下面是我的 javascript 文件的一部分

$("#imgBox").append('<div id="inner_div_electric" style="position: relative; top: '+innerDivElectricTop+'px; left: '+innerDivElectricLeft+'px;width:'+innerDivElectricWidth+'px;height:'+innerDivElectricHeight+'px;"></div>');
    for(var i=1; i<=sidewalls; i++)
    {
            for(var j=1; j<=backwalls; j++)
            {
                var newDiv = "<span id='droppable"+i+""+j+"' onclick='changeText(this.id);' class='droppable_class' style='width:"+(cellWidth-2)+"px; height:"+(cellHeight-2)+"px;border:1px dotted red;display:inline-block;margin:0px;padding:0px;float:left;'></span>";
                $("#inner_div_electric").append(newDiv);
            }
    }

这里 imgBox 是一个 div，并且在该 div 中动态创建跨度以在该 div 中生成方形框。

$('.droppable_class').html('');
if($('#'+id).html(''))
{
    $('#'+id).html('<font face="calibri" color="red"><b>OUTLET</b></font>');
}

这是在我单击的跨度中生成文本“OUTLET”的代码。我需要将这个 javascript 文件中的 div 原样发送到 php，以生成该特定图表的 pdf，该图表包含方形框，并且一个特定跨度包含文本“OUTLET”。

任何想法如何实现它？

谢谢

4

1 回答 1

0

这个很简单，只是动态输入，然后添加到表单中；然后，您可以使用 $('#formid').submit(); 在表单上手动调用提交

此外，如果需要，您可以使用 Javascript 覆盖 .submit() 。想一想：

<span>
<form id="sform">
<input name="someDynamicallyCreatedInput" /> <!-- use this instead of a div (or just copy your div to here)-->
</form>
<script>
$('#sform').submit(function(e){//function to be called before form is sent
//if you want to manually send it, wihtout using default form behavior... just put this:
//e.preventDefault();
//then do some ajax here, or heck, just let the form send the data if you are changing pages.
//however, if you want to download a pdf, you may want to just send a get request using href...
});
</script>
</span>

导出为 pdf 只需使用 php header() 函数设置 Content-Type。

来源： http ://api.jquery.com/submit/ http://php.net/manual/en/function.header.php //这里有一个很好的 pdf 示例。

于 2013-04-02T12:54:49.407 回答