jQuery序列化无法在Internet Explorer上运行

Question

由于某种原因，当我尝试向全历添加句号时，在页面上进行序列化无法用于该表单，而只能在Internet Explorer上运行。 它返回一个空字符串。 是否有解决方法或序列化的替代方法？

JS：

function addPeriod() {
    $.post({
        url: "{{ path('authorizedAbsence_period_create') }}",
        data: $('form[name="staffbundle_absence_period"]').serialize(),
        dataType: 'json',
        ...
    });
}

HTML

<table>
    <form id="staffbundle_absence_period" name="staffbundle_absence_period" method="post" action=""></form>
    <tbody><tr class="sf_admin_form_row sf_admin_text ui-corner-all ">
    <td><label for="staffbundle_absence_period_type">Tipo:</label></td>
    <td>
        <div class="content"><select id="staffbundle_absence_period_type" name="staffbundle_absence_period[type]"><option value=""></option><option value="choices.absence_type.vacation">Férias</option><option value="choices.absence_type.training">Formação</option><option value="choices.absence_type.medical">Baixa médica</option></select></div></td>
</tr>
    <tr class="sf_admin_form_row sf_admin_text ui-corner-all ">
    <td><label for="staffbundle_absence_period_user">Colaborador:</label></td>
    <td>
        <div class="content"><select id="staffbundle_absence_period_user" name="staffbundle_absence_period[user]" style="width: 100%;"><option value=""></option><option value="25">Alberto Conde</option>...</select></div></td>
</tr>
<tr class="sf_admin_form_row sf_admin_text ui-corner-all ">
    <td></td>
    <td>
        <div class="content"><div id="staffbundle_absence_period_start" style="display: none;"><select id="staffbundle_absence_period_start_day" name="staffbundle_absence_period[start][day]"><option value="1">01</option>...</select><select id="staffbundle_absence_period_start_month" name="staffbundle_absence_period[start][month]"><option value="1">01</option>...</select><select id="staffbundle_absence_period_start_year" name="staffbundle_absence_period[start][year]"><option value="2012">2012</option>...</select></div></div></td>
</tr><tr class="sf_admin_form_row sf_admin_text ui-corner-all ">
    <td></td>
    <td>
        <div class="content"><div id="staffbundle_absence_period_end" style="display: none;"><select id="staffbundle_absence_period_end_day" name="staffbundle_absence_period[end][day]"><option value="1">01</option>...</select><select id="staffbundle_absence_period_end_month" name="staffbundle_absence_period[end][month]"><option value="1">01</option>...</select><select id="staffbundle_absence_period_end_year" name="staffbundle_absence_period[end][year]"><option value="2012">2012</option>...</select></div></div></td>
</tr>
</tbody></table>

Answer 1

我猜您的问题可能出在HTML本身上...我认为<form>不应该是<table> ， <tbody> ， <tr>等的子元素，因此请尝试移动<form> <table> <form>元素。