Setting select placeholder options to disabled? [RESOLVED]

Get Help
1

I have some select fields in my form and am trying to configure the placeholder. I have added the placeholder text under the appearance dropdown and it is showing up within my select field, however the placeholder option does not get the disabled attribute applied to it, allowing users to select it. I realize that the form will error out if the placeholder option is selected, but I would prefer that it not be selectable at all.

I found this thread regarding this issue, but it was closed before receiving a response. Is there a way to programmatically add the disabled attribute to all select placeholders without Javascript?

Thanks!

2

I’ve used the following snippet to hide the placeholder from the available options:

// hide placeholder from select choices when dropdown active
add_filter( 'gform_field_content', function ( $content, $field, $value, $lead_id, $form_id ) {
    
    if ( $field instanceof GF_Field_Select && rgar( $field, 'placeholder' ) ) {

        return str_replace( "class='gf_placeholder'", "class='gf_placeholder' hidden", $content );
        
    }

    return $content;

}, 10, 5 );

You could use it similarly to disable the placecholder:

// disable placeholder in dropdown choices so it can't be reselected
add_filter( 'gform_field_content', function ( $content, $field, $value, $lead_id, $form_id ) {
    
    if ( $field instanceof GF_Field_Select && rgar( $field, 'placeholder' ) ) {

        return str_replace( "class='gf_placeholder'", "class='gf_placeholder' disabled", $content );
        
    }

    return $content;

}, 10, 5 );

I expect one of them may be better for accessibility, though I’m not sure which.

2 Likes
3

That worked perfectly, thank you!

2 Likes