Question

我想使用以下方法动态加载表单： HTML：

<div id="add_new" style="display:none">
<form id="addrecord_form" name="addrecord_form" method="post" action="">
    <label>Type:</label>
    <select name="type_select" id="type_select">
 <option value="A">Type A form </option>
 <option value="B">Type B form </option>

Javascript：

 $("#type_select").change(function() {
 $("#add_new_field").html(""); 
 if ( $(this).val() == "A") {  
    $.get("/form_type_a", function(data) {
        $("#add_new_field").load(data);
    });
}
if ( $(this).val() == "B") {
    $.get("/form_type_b", function(data) {
        $("#add_new_field").load(data);
    });
}

$('#addrecord_form').submit(function(eve)
{
    eve.preventDefault(); 
    $.ajax({url: "submit_a_record",
    type: "POST",
    dataType: "html",
    data: $('#addrecord_form').serialize(),
    success: function(html) { processForm(html); }
 });
});

加载表单很好，但是如果用户将选择框更改为选项B并提交表单，他们将提交表单A以及表单B.

当用户已经选择表单B以便他们不提交表单A的内容时，如何卸载表单A？

Answer 1

为什么没有两个表单，然后使用你的jquery（或直接的javascript）在select元素的更改上显示你想要的那个？

动态表单使用jquery ajax加载发布到同一表单

1 个答案: