关于<form>标签的位置发生了变化，应如何自救？

Question

你们有没有遇到过这种情况，当使用ajax 拼接完html 本可以点击提交而提交数据的现在提交不了了，最后查看了一下控制台发现 form的结束标签提前了 有一些本该提交的东西跑他外边了 导致数据提交为空，这种情况该如何让处理？

这是拼接代码：

var html = "<select name="package" class="package"
id="select_id">";

            for(var i in data){
                    for( var j in data[i]){
                        html += "<option value=\'";
                        html += data[i][j];
                        html += "\'>"+data[i][j]+"</option>";
                    }
                }
                html += "</select>";
                $(".appointment .packagepick").append(html);

                
                
                
                

这是html代码：

                                        <select name="package" class="package" id="select_id"> 
                                            <volist name="list" id="vo">
                                                <option value="{$vo['package']}">{$vo['package']}</option>
                                            </volist>
                                        </select>

Answer 1

没遇到过类似情况

Answer 2

将整个form代码块都由append来生成插入即可。

Answer 3

控制台看到的提前结束标签是因为你可能在拼接代码的过程中，循环的最后一个没有闭合符号，所以html会加上</form>闭合符。是代码完整可读

Answer 4

追加的是正确的位置吗

Answer 5

你是把HTML添加到from标签里面了吗？