Wert eines Ninja Forms Formularfeldes per JavaScript ändern

Den Wert eines Ninja Forms Formularfeldes kann man mittels JavaScript (jQuery) schnell und einfach ändern. Folgender Code-Schnipsel hilft dabei als Orientierung:

(function ($) {
    $(document).on('nfFormReady', function (e, layoutView) {
        var fieldID = 3026; // entsprechend anzupassen
        var newValue = 'This is my desired value'; // entsprechend anzupassen

        $('#nf-field-' + fieldID).val(newValue).trigger('change');
    });
})(jQuery);

Wichtig ist dabei nfFormReady und nicht die ready()-Funktion von jQuery zu nutzen. Auf diese Weise wird der Code erst ausgeführt, wenn das Formular geladen wurde.

Zur Einbindung wird beispielhaft ein Plugin genutzt. In der index.php des Plugins wird folgender Code eingefügt:

add_action( 'wp_enqueue_scripts', function () {
	wp_enqueue_script( 'custom-form-js', plugins_url( '/js/script.js', __FILE__ ) );
} );

Der eigentliche JavaScript-Code wird dann in die Datei js/script.js im entsprechenden Plugin-Verzeichnis eingefügt.

Schreibe einen Kommentar