javascript - jquery不刷新元素的值

Question

我有一个应用程序，其中有两个按钮。每个都会使用

动态生成一个 jquery UI 对话框

$("<div class='dialog' style='font-size:12px' />").load(base_url + "/students/edit_profile/load_new_emp_form").dialog(options);
}

 $("<div class='dialog' style='font-size:12px' />").load(base_url + "/students/edit_profile/load_new_edu_form").dialog(options);
    }

这两个对话框都有一个带有相同 id #actBtn 按钮的表单。我有一个针对此按钮的通用处理程序，因为两个对话框具有相同的提交数据操作。常见的处理函数是

$("#addBtn").live("click", function(){
    var pst = {};
    pst = $(this).parent().serializeArray();
    var clbk = $("#clbk").val();    
    var tbl = "";
    tbl = $("#tbl").val();
    $.post(base_url + "/general/insert_new_entity/" + tbl, pst, function(data){
        $("#" + clbk).click();
    });
});

正如您所看到的，这只会序列化当前显示的表单，并且该表单将有一个输入隐藏元素，其 id 为 tbl，指定该表单的数据将前往的表名称。

我的问题是在下次加载一个表单后，表名称保持不变，它不会使用当前表名称进行更新。有什么想法吗？

有关 ID 的更新:

我知道 ID 应该是唯一的，即使在我的情况下它们也是唯一的。尽管这两种形式具有相同 ID 的元素，但它们不能同时存在于 DOM 中。它们是模式对话框，在任何时间点只能打开一个对话框，因此 DOM 中只能存在一个具有相同 ID 的元素。

Answer 1

根据定义，ID 应该是唯一的。事实上，你有两个是需要解决的第一个问题。多个元素具有相同的 ID 会导致不可预测的行为。