如何获取div的内容并将其插入隐藏的输入中

时间:2013-10-23 02:46:01

标签: javascript php jquery forms laravel

我在Laravel 4中构建了一个简单的CMS。我决定从旧编辑器切换到markdown editor

我的旧编辑器使用了一个文本框,因此我所要做的就是提交表单,然后从视图传递到控制器并插入数据库等。

然而,这个新编辑器的工作原理是将markdown转换为html,并将html插入到如下所示的div中:

<div id="preview" class="wmd-preview"></div>

我仍然想用我的旧表单提交div的内容,所以我的问题是:

有没有办法将我的“预览”div的内容插入到我的表单中的某种隐藏输入中?

或者,有没有更好的方式来提交我的帖子的内容?

2 个答案:

答案 0 :(得分:1)

以{id

获取div的内容
var a = document.getElementById('preview').innerHTML;
document.getElementById('hid').value = a   //create a hidden input give it an id hid 

答案 1 :(得分:0)

要回答每次按下键时触发函数的问题,我会使用像.keyup()这样的jQuery事件监听器。

http://api.jquery.com/keyup/