Home › Forums › General Issues › Update acf field using javascript API › Reply To: Update acf field using javascript API
I’m working on a situation where I’m doing this now. Basically, I am updating fields based on other selections. This does not update the field in the database, it only updates the field on the page that you are currently editing and you must still save the page.
A basic example, let’s say that there is a text field we want to update based on a choice in a select field. First you need to add a custom JS file, see this https://www.advancedcustomfields.com/resources/adding-custom-javascript-fields/
jQuery(document).ready(function($) {
// everything is in this JQ wrapper that runs when the page is loaded
// first, make sure that acf exists, if it doesn't then return
if (typeof(acf) == 'undefined') { return; }
// get the acf select field and add a change event to it
// you need to supply the field key of your field
var field = acf.getField('field_12345');
// add a change event to the field
field.on('change', function(e)
// get the other field we want to change
var other_field = acf.getField('field_654321');
if (e.$el.val() == 'some value') {
// if the value of the field that was changes matches some criteria
// change the value of the other field
other_field.val('new value for other field');
}
});
});
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Privacy Policy. If you continue to use this site, you consent to our use of cookies.