Support

Account

Home Forums ACF PRO Dependable dropdowns

Solving

Dependable dropdowns

  • I know there’s already some threads about this topic, but some are really old and I’m not going anywhere with the others.

    I’ve created an options page with acf_add_options_page. One of the options is a repeater with two fields: Product and Sub-Product. To make things easy I’ve set the Product field as a text field and the Sub-Product field as a text area, with comma separated values. Each product is supposed to have multiple sub-products, like this:

    Product A – Sub-Product 1, Sub-Product 2, Sub-Product 3
    Product B – Sub-Product 4, Sub-Product 5, Sub-Product 6
    Product C – Sub-Product 7, Sub-Product 8, Sub-Product 9
    And so on…

    In the frontend I have two dropdowns (select fields), one for Product and another one for Sub-Product.
    The goal is, when the user picks Product-A from the first dropdown, the values in the second dropdown will be read from the repeater field (the text area with the comma separated values).

    I’m loading the values in the first dropdown with acf/load_field/name=product. So far so good.
    Then, with jQuery I can load the comma separated values to the second dropdown. The problem is, when I save the post, it will save the selected value in the first dropdown but not in the second.
    I read somewhere that the values must be loaded with AJAX. I spent a long time trying to figure out how to work with AJAX, only to find out that it would do almost the same as jQuery and it won’t save the values as well.
    Most probably, I’m doing something wrong with AJAX.

    Anyone can point me in the right direction? Maybe this is not related to AJAX at all. I’m running out of ideas. Please help!

  • I can’t believe that I spent almost 3 days trying to fix something that didn’t need fixing. 😛

    What was happening is that the value was being saved to the database, but the values on the second dropdown wouldn’t load on the backend. Because of that it looked like the value wasn’t saved.

    That will teach me to check the values on the database before spending 3 days looking for a solution for a non-problem.

    Thanks, I guess. 😉

    • csaborio

    • September 19, 2019 at 10:04 am

    @streetdog hi there! Was wondering how you did this with jQuery? If possible, would you mind sharing your code? No need to make it pretty – thanks! 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

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 Cookie Policy. If you continue to use this site, you consent to our use of cookies.