表单在 bootstrap 模态表单中提交以执行 appendTo html table

Question

这里是演示，这里是演示 ttp://jsfiddle。net/2GfhF/7

表单操作错误？当我在本地主机上尝试时，来自新行的 val from 显示但之后消失了。有溶胶吗？

Answer 1

您好，您必须在 表单提交 上添加 return false，因为它会重新加载页面。

或者您可以在 .appendTo() 调用

之后添加以下代码

$('.form-actions button[type="button"]').trigger('click');//to close modal

    return false;// stop page to reload

新更新的完整脚本

$("#save_add_new_row").click(function () {
    var $tr = $('<tr />');
    $tr.append($("<td />", {
        text: $("#category_selection_list").val()
    }));
    $tr.append($("<td />", {
        text: $("#curriculum_name").val()
    }));
    $tr.append($("<td />", {
        text: $("#curriculum_textarea").val()
    }));
     if($("#checkbox_status").prop('checked') == true){
    $tr.append("<td style='text-align:center;' class='label-success' >Active</td>");
    }else{
        $tr.append("<td style='text-align:center;' class='label-danger' >Inactive</td>");

    }
    //$tr.append($("<td />", { text: $(".test5:checked").val() }))
    $tr.appendTo($("#sample_editable_1"));
$('.form-actions button[type="button"]').trigger('click');//to close modal

    return false;
});

Answer 2

如果选中，则等于文本处于活动状态，如果不选中，则等于在：

中处于非活动状态

可以使用代码

 if($("#checkbox_status").prop('checked') == true){
    $tr.append($("<td />", {
        text:  'Active'
    }))
    }else{
                $tr.append($("<td />", {
        text:  'Inactive'
    }))

表单在 bootstrap 模态表单中提交以执行 appendTo html table

form submit inside bootstrap modal form to do an appendTo html table

javascript

jquery

appendto

twitter-bootstrap

bootstrap-modal