将数据从动态创建的span标签发送到php

时间:2013-04-02 12:35:21

标签: php javascript

下面的

是我的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中生成sqare框。

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

这是在我单击的范围内生成文本'OUTLET'的代码。我需要将div从这个javascript文件发送到php,以生成包含sqare框的特定图表的pdf,并且一个特定的span包含文本'OUTLET'。

任何想法如何实现它?

由于

1 个答案:

答案 0 :(得分:0)

这个很简单,只需动态输入,然后将它们添加到表单中;然后,您可以使用$('#formid')手动调用表单上的提交.remit();

此外,使用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就是一个很好的例子。