Javascript ausführen ohne onclick

Ich habe eine Javascript-Funktion zum erstellen einer neuen Formular-Elemente auf einer web-Seite. Die Funktion wird aufgerufen durch ein onclick-Ereignis.

Ich kann nicht herausfinden, wie man die Funktion ausführen ohne onclick-Ereignis. Ich brauche, um dies zu tun, wie ich Python-code generieren Inhalte Auffüllen, die form-Elemente, aber möchte noch hinzufügen können, und entfernen Sie die Formular-Elemente dynamisch mit Javascript.

Javascript-Funktion:

    pcount = 0;
    createinputprice =function (){
        field_area = document.getElementById('pricetable');
        var tr = document.createElement("tr");
        var cella = document.createElement("td");
        var cellb = document.createElement("td");
        var input = document.createElement("input");
        var input2 = document.createElement("input");
        input.id = 'descprice'+pcount;
        input2.id = 'actprice'+pcount;
        input.name = 'descprice'+pcount;
        input2.name = 'actprice'+pcount;
        input.type = "text";
        input2.type = "text";
        cella.appendChild(input);
        cellb.appendChild(input2);
        tr.appendChild(cella);
        tr.appendChild(cellb);
        field_area.appendChild(tr);
        //create the removal link
        var removalLink = document.createElement('a');
        removalLink.onclick = function(){
            this.parentNode.parentNode.removeChild(this.parentNode)
        }
        var removalText = document.createTextNode('Remove Field');
        removalLink.appendChild(removalText);
        tr.appendChild(removalLink);
        pcount++
    }

HTML:

<table id="pricetable">
</table>
<a href='#' onclick="createinputprice()">Add Price</a>
<script type="text/javascript">
    createinputprice();
</script>

Das onclick-Ereignis funktioniert in JSFiddle aber den Aufruf der Funktion direkt funktioniert überhaupt nicht.

  • Warten Sie, bis das Dokument loaded
  • Scheint gut zu funktionieren hier jsfiddle.net/j08691/zxaxJ/1
  • Versuchen Sie es am Fenster.onload oder Dokument.bereit, wenn Sie mit jquery
  • Fair point @j08691, nicht aufzugreifen... sah die onclick gemacht und dumme Annahme. Ich habe entfernt mein Kommentar
  • Was hat jquery mit dieser Frage ? Seine vanilla-JS
  • nichts besonderes, im Grunde macht gleichen Punkt wie du. Warten Sie, bis der doc geladen wird.
  • Vielen Dank für die Kommentare hier. Einen näheren Blick in meinen eigentlichen code irgendwie landete ich mit einem ausländischen Akzent über der Oberseite von einem Charakter in meinem Variablen und dann in JSFiddle nachdem ich korrigiert, den Charakter hatte ich es eingestellt onload eher als no-wrap. Vielen Dank an alle.

InformationsquelleAutor | 2013-09-26
  1. 4

    können Sie diese in einen tag mit 'onload' - Ereignis:

    <body onload='yourfunction()'>

    oder einfach jQuery verwenden:

    $(document).ready(function() {
    yourFunc();
});
    InformationsquelleAutor SkSirius
  2. 0

    Ich nehme an, Sie könnte verwenden <body onload="yourfunction()"> Sie auch Aussehen sollte in http://www.w3schools.com/js/js_htmldom_events.asp.

    Wie Sie sehen können, gibt es durchaus ein paar Ereignisse, die in javascript zur Verfügung stehen, sollte man immer wählen Sie die richtigen tool(event) für die Arbeit machen.

    InformationsquelleAutor cptnk
  3. 0

    Wenn Sie möchten, rufen Sie die jquery-Funktion, die beim laden der Seite: Sie können $(document).ready(function(){});

    Beispiel:

    Jquery- 

    <script type="text/javascript">
    $(document).ready(function(){
       createinputprice();
    });
 </script>

    - und Sie können auch Feuer-das click-Ereignis in Jquery:

    HTML-

    <a id="myLink" href='#' onclick="createinputprice();">Add Price</a>

    Jquery- 

     <script type="text/javascript">
     $(document).ready(function(){
          $('#myLink').click();
     });
 </script>
    • Es ist völlig unnötig zu laden Sie jQuery für so etwas basic.
    • Ja, Es ist nicht eine perfekte Antwort für diese Arbeit. aber, ich poste dies, weil Benutzer ausführen möchten, die Funktion direkt, nicht onClick-Ereignis.
    • Der code funktioniert gut, wie es ist, siehe meinen Kommentar oben und den link zu jsFiddle.
    • ja, ich sah, dass es gut funktionieren.
    InformationsquelleAutor Ishan Jain
Schreibe einen Kommentar