Javascript 为什么第二个表单在提交后会消失?

Javascript 为什么第二个表单在提交后会消失?,javascript,jquery,html,Javascript,Jquery,Html,有一段代码包含两种形式: <form class="emp-delete"> <label for="emp-id">Id:</label> <input type="text" id="emp-id" /> <input type="submit" id="submit" value="delete" /> <span id="status" /> </form> <scr

有一段代码包含两种形式:

<form class="emp-delete">
    <label for="emp-id">Id:</label>
    <input type="text" id="emp-id" />
    <input type="submit" id="submit" value="delete" />
    <span id="status" />
</form>
<script type="text/javascript">
    $("#submit").click(function(){
            $.ajax({
            type: "DELETE",
            url: "/corporate/employees/" + $("#emp-id").val(),
            complete: function(r){
                    $("#status").text(r.responseText);
                }
            })
            return false;
        })
</script>
<p><spring:message code="createEmployee.title"/>
<form class="emp-create">
    <label for="name" />
    <input type="text" id="name" value="create"/>
    <input type="submit" id="add-emp" />
</form>
<script type="text/javascript">
    $("#add-emp").click(function(){
        var employeeObject= { name: $("#name").val() }
        $.ajax({
            type: "POST",
            data: JSON.stringify(employeeObject),
            contentType: "application/json",
            url: "/corporate/employees"
        })
        return false;
    })
</script>

身份证件:
$(“#提交”)。单击(函数(){
$.ajax({
键入:“删除”,
url:“/corporate/employees/”+$(“#emp id”).val(),
完成:功能(r){
$(“#状态”).text(r.responseText);
}
})
返回false;
})

$(“#添加emp”)。单击(函数(){
var employeeObject={name:$(“#name”).val()}
$.ajax({
类型:“POST”,
数据:JSON.stringify(employeeObject),
contentType:“应用程序/json”,
url:“/corporate/employees”
})
返回false;
})
问题是在单击
删除
按钮后,第二个表单消失

之前:

之后:

如何确保第二个表单在单击
delete
按钮时不消失

更新


问题就在这里:

<span id="status"/>

将此更改为:

<span id="status"></span>


浏览器认为span是开放的,您的第二个表单是它的子表单,它被您的文本取代。

问题就在这里:

<span id="status"/>

将此更改为:

<span id="status"></span>


浏览器认为span是开放的,您的第二个表单是它的子表单,它被您的文本取代。

问题就在这里:

<span id="status"/>

将此更改为:

<span id="status"></span>


浏览器认为span是开放的,您的第二个表单是它的子表单,它被您的文本取代。

问题就在这里:

<span id="status"/>

将此更改为:

<span id="status"></span>



浏览器认为span是开放的,您的第二个表单是它的子表单,它被您的文本所取代。

@Mritunjaysecond@Mritunjay请参阅我的更新问题问题问题是,在完整函数中,您正在用文本替换其他表单。。你想在哪里表达你的回答?@Mritunjay只是一个例子second@Mritunjay请参阅我的更新问题问题问题是,在完整函数中,您正在用文本替换其他表单。。你想在哪里表达你的回答?@Mritunjay只是一个例子second@Mritunjay请参阅我的更新问题问题问题是,在完整函数中,您正在用文本替换其他表单。。你想在哪里表达你的回答?@Mritunjay只是一个例子second@Mritunjay请参阅我的更新问题问题问题是,在完整函数中,您正在用文本替换其他表单。。你想在哪里展示你的回答?试用他的演示并用我的建议替换span。第二种形式将不再消失…谢谢。因此,我们应该用
标记明确地关闭span元素,我们应该试用他的演示并用我的建议替换span元素吗。第二种形式将不再消失…谢谢。因此,我们应该用
标记明确地关闭span元素,我们应该试用他的演示并用我的建议替换span元素吗。第二种形式将不再消失…谢谢。因此,我们应该用
标记明确地关闭span元素,我们应该试用他的演示并用我的建议替换span元素吗。第二种形式将不再消失…谢谢。所以我们应该用
标记显式地关闭span元素,是吗?