Home Forums General Issues Data attributes to select options


Data attributes to select options

  • Hi is it possible to add data-attributes to select <option> tags with a something similar to function below?

    add_filter('acf/load_field/key=field_5er344ee8d45e', function( $field ) {
        $field['choices'][0] = 'Select';
        foreach ($items as $item) {
            $field['choices'][$item->ID] = $item->data->display_name;
            $field['choices'][$item->ID]['data-attribute'] = "some data";
        return $field;
  • Options (choices) for a select field to not support data attributes, or any attributes for that matter. I’m assuming that you want to be able to use them is some type of JavaScript that you’re planning.

    As a work around you could do something like

    $field['choices'][$item->ID] = '<span data-attr="some data">'.$item->data->display_name.'</span>';

    and then in your JS you can retrieve the data from the label rather than the option.

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

You must be logged in to reply to this topic.