未捕获的TypeError:无法读取未定义问题的属性“重置”

时间:2018-03-18 19:34:21

标签: javascript jquery html ajax forms

按下按钮时,我在控制台中收到以下错误消息: 未捕获的TypeError:无法读取未定义的属性'reset'

我想,表单ID丢失了,但它就在那里,而且它是正确的。

javascript文件和所有javascipt在页面末尾,在正文结束标记之前调用,而不是在head部分。

我的源代码:

<form id="AllapotForm" class="form-horizontal" method="post">
                              <table id="products" class="table table-hover">
                                <thead>
                                    <tr class="tr_bold">
                                        <!--width="33.3%"-->
                                        <td class="left" >Létrehozva</td>
                                        <td class="left" >Állapot</td>
                                        <td class="left" >A megrendelő értesítve email-ben</td>
                                        <td class="left" >Megjegyzés</td>
                                    </tr>
                                </thead>
                                <tbody id="allapotok">
                                    <tr>
                                                    <td class="left">2018-03-18 20:16</td>
                                                    <td class="left">Feldolgozás alatt</td>
                                                    <td class="left">Nem</td>
                                                    <td class="left">Teszt állapot.</td>
                                                </tr>                                </tbody>
                                </table>
                                <img src="https://domain.hu/images/assets/preloader.gif" id="preloaderImage2" class="img-responsive" style="margin:10px auto;">

                                  <div class="form-group row">
                                      <label class="control-label col-md-2">Állapot:</label>
                                      <div class="col-md-2">
                                        <select name="allapot" id="allapot" class="input input-select form-control">
                                            <option  value="3">Feldolgozva</option><option  value="2">Feldolgozás alatt</option><option  value="1">Függőben lévő</option><option  value="4">Kiküldve</option><option  value="5">Postázva</option><option  value="7">Sikertelen</option><option  selected="selected" value="9">Stornó</option><option  value="6">Teljesítve</option><option  value="10">Törölt</option><option  value="8">Visszafizetve</option><option  value="0">Új megrendelés</option>                                        </select>
                                      </div>
                                    </div>
                                    <div class="form-group row">
                                      <label class="control-label col-md-2">Megrendelő értesítése email-ben:</label>
                                      <div class="col-md-2">
                                         <input type="checkbox" name="notify" id="notify" class="form-control"  />
                                      </div>
                                    </div>
                                    <div class="form-group row">
                                      <label class="control-label col-md-2">Megjegyzés hozzáadása az email-hez:<span class="help">Amennyiben ezt bepipálja, a megjegyzés az ügyfélnek kiküldött üzenetbe is bele fog kerülni.</span></label>
                                      <div class="col-md-2">
                                         <input type="checkbox" name="add_text" id="add_text" class="form-control" />
                                      </div>
                                    </div>
                                    <div class="form-group row">
                                      <label class="control-label col-md-2">Megjegyzés:</label>
                                      <div class="col-md-4">
                                         <textarea name="comment" id="comment"  rows="8" class="form-control" style="width: 99%"></textarea>
                                            <div style="margin-top: 10px; text-align: center;">
                                                <a class="saveButton btn btn-primary" style="color:#fff" onclick="allapot_modosit();" id="history_button">Állapot módosítása</a>
                                            </div>
                                      </div>
                                    </div>
                                </form>



function allapot_modosit()
{
    var html;
    var RendelesID = 8;
    var RendelesUserEmail = "email@test.hu";
    var RendelesUserName = "name";

    var webshopEmail = "teszt@teszt.hu";
    var webshopName = "Teszt Webáruház";

    var Allapot = $( "#allapot option:selected" ).val();

    var Comment = $('#comment').val();

    if($("#notify").is(':checked')){var Notify = 1;}else{var Notify = 0;}
    if($("#add_text").is(':checked')){var AddToEmail = 1;}else{var AddToEmail = 0;}

    $.ajax({
         type: 'POST',
         cache: false,
         url: 'files/update_rendeles_allapot.php',
         dataType: 'json',
         data: { RendelesID:RendelesID, Allapot:Allapot, Notify:Notify, AddToEmail:AddToEmail, Comment:Comment, RendelesUserEmail:RendelesUserEmail, RendelesUserName:RendelesUserName, webshopEmail:webshopEmail, webshopName:webshopName },
         beforeSend: function(){
            $('#preloaderImage2').show();
         },
         success: function(data)
         {
                html += '      <tr>';
                html += '        <td class="left">' + data.allapot_datetime + '</td>';
                html += '        <td class="left">' + data.allapot_name + '</td>';
                html += '        <td class="left">' + data.ertesites + '</td>';
                html += '        <td class="left">' + data.comment + '</td>';
                html += '      </tr>';
                $('#allapotok').append(html);
         },
         complete: function(){
            $('#preloaderImage2').hide();
            $('#AllapotForm')[0].reset();

         }
    });
}

1 个答案:

答案 0 :(得分:-1)

在这一行:

$('#AllapotForm')[0].reset();

尝试删除[0]。如果您正在查询ID,我认为它不会返回一个集合。