onchange diese.form.submit() funktioniert nicht für web-form

schon viel zu lange...aber kann nicht scheinen, um das problem zu identifizieren. Schon Lesen Dutzende von Artikeln auf stackoverflow und anderswo.

wenn ich auf und ändern Sie den Wert, es spielt keine auto-submit:

   <form id="orderbyfrm" name="orderbyfrm" action="http://staging.whiterabbitexpress.com/" method="post" class="orderbyfrm">
            <input name="s" value="<?php echo $wre_search_txt?>" type="hidden">
            <label for="orderby" class="sortByLabel">Sort by&nbsp;</label>
            <select class="sortByDropdown" name="orderby" id="orderby" onchange="this.form.submit();">
                <option value="Relevance">Relevance</option>
                <option value="likes" selected="selected">Likes</option>
            <option value="comments" selected="comments">Comments</option>
            </select>
</form>

in Chrom-Inspektor sehe ich einen Fehler
"Uncaught TypeError: Cannot call method "senden " null" onchange

Ich habe auch versucht onchange="javascript:document.orderbyfrm.senden" aber das hat nicht funktioniert entweder.

  • könnte ein problem des Umfangs. Überprüfen Sie den Bereich der this
  • Ich habe auch versucht onchange="javascript:document.orderbyfrm.senden" aber das hat nicht funktioniert entweder. nicht sicher, wie Sie Sie um den Bereich zu ändern 'dieser'. wenn dieser Bereich falsch ist, ist eine Abhilfe?
  • sind Sie sicher, dass Sie eingefügt haben genau die gleiche form? diese form hat keine Probleme ..
  • Achar, Problem nicht in den Geltungsbereich des this denn im Ereignis-code, der in Attribut definiert this immer Punkt-zu-element.
InformationsquelleAutor Max Hodges | 2012-09-05
  1. 6

    Wahrscheinlich haben Sie element oder ein JS-Objekt namens form oder submit irgendwo, in Konflikt mit der realen form.

    Meiste sichere Weg ist die Verwendung document.getElementById:

    <select onchange="SubmitForm('orderbyfrm');">

    Und die JavaScript:

    function SubmitForm(formId) {
    var oForm = document.getElementById(formId);
    if (oForm) {
        oForm.submit(); 
    }
    else {
        alert("DEBUG - could not find element " + formId);
    }
}

    Weiter Debuggen mit der guten alten alert - .. statt der alert("DEBUG ... haben diese:

    var sDebugInfo = "found " + document.forms.length + " forms: \n";
for (var i = 0; i < document.forms.length; i++) {
    var curForm = document.forms[i];
    sDebugInfo += "name: " + curForm.name + ", id: " + curForm.id;
    sDebugInfo += "\n";
}
alert(sDebugInfo);

    Je nachdem, was Sie bekommen, zu Debuggen, sollte fortgesetzt werden.

    • danke für die Idee. Ich fügte hinzu, eine id="orderbyfrm" auf das Formular und fügte hinzu, dieser code, aber jetzt bekomme: DEBUG: zählen Sie nicht finden element orderbyfrm ugg
    • Etwas sehr fishy is going on. Wenn Sie alert(document.forms.length); was bekommen Sie?
    • wo sollte ich das genau? überall? Ich habe es nach der form, sondern es nur des echo auf meine HTML-alert(document.Formen.Länge);
    • Fügen Sie diese an die Funktion, statt der aktuellen DEBUG alert.
    • das Ergebnis ist 3
    • Diese Seite hat noch andere Formen, die notwendig sind. Aber sollte keine Rolle spielen, richtig? Das javascript ist wohl Ziel nicht nur diese Besondere form...wenn es tatsächlich funktioniert.
    • Siehe mein edit. Sehen Sie die name-und id - orderbyfrm nun in der Liste?
    • Für das Protokoll, ich rief meine submit Taste "submit" - und das war das problem. Wie Sie vorgeschlagen wurde, war dies die Verhinderung der this.form.submit() von der Ausführung wie erwartet. Umbenannt habe ich den submit-button und den javascript-Teil gearbeitet. Verlassen diesen Kommentar, da es nützlich sein kann, um später andere mit diesem gleichen problem.

    InformationsquelleAutor Shadow Wizard
  2. 0

    sorry, Jungs! Ich habe das problem gefunden. Ich hatte ein gebrochenes div um das Formular

    <div id="orderby" class="orderby
<form id="xxx" name="xxx" action="#" method="post" class="orderbyfrm">

    behoben:

    Wirklich zu schätzen Ihre Hilfe an alle!

    InformationsquelleAutor Max Hodges
Schreibe einen Kommentar