[Resolved] "–Choose from the list–" dropdown options for taxonomy in post form

[Author]

Posts

[petarG-2]

Hi,

How to have a empty / not pre-loaded by default field with the first option when creating a post from with taxonomies. The needed output is to have front-end form that with have all options at drop down menus starting with "--Choose from the list--".

BR,

P

[Nigel]

Hi Petar

Unfortunately, this currently isn't an available option, though we do have quite a few requests for it and internally this has been added to a development board to be worked on "soon", though I can't be any more specific that that.

In the meantime, you need to add a little JS to the form to insert empty options into the taxonomy selectors.

Examining the markup on the front end, taxonomy select dropdowns have name attributes such as "status[]" or "priority[]", i.e. they always end with square brackets, so we can use that to automatically select any number of taxonomy selectors in the form and add an initial empty option like so:

(function ($) {
    $(document).ready(function () {
        $("select[name$='[]']").prepend('<option value="">--Choose from list--</option>');
        
        $("select[name$='[]']").each( 
            function( index ){ 
                $(this)[0].selectedIndex = 0;
            } 
        );
    });
})(jQuery);

Add that to the custom JS section of your form.

Let me know if you have any problems.

[petarG-2]

My issue is resolved now. Thank you!