javascript - 在表单中使用 contentEditable

Question

我正在处理一个跨度或 div 的表单，contenteditable='true'我有以下 jQuery 正在为所有.formField选择器创建隐藏的表单字段，但想知道这是否是最好的方法，或者是否有更有效的方法方法来做到这一点。这个想法是通过标准方式简单地提交页面，而不是使用 ajax。谢谢！

<script language="javascript">
$(document).ready(function(){
    $('form').submit(function(){
        $('.formField').each(function(){
            $('<input>').attr({
                type : 'hidden',
                id : $(this).attr('id'),
                name : $(this).attr('name'),
                value : $(this).html() 
            }).appendTo('form');
        })
    })
})
</script>
<form name = "contentEditableTest" id = "contentEditableTest" method = "post">
    <span id = "test" name = "test" contentEditable="true" class = "formField">This is editable</span>
    <span id = "test2" name = "test2" contentEditable="true" class = "formField">This is editable too</span>
    <input type = "submit" id ="submitIt" name="submitIt" value = "go"/>
</form>