How to exclude the first value from the drop-down menu from selection?

Hello @spacemakerman

Thank you so much for using our plugin.

If you want to include a “preset value” option, first enter all selectable options in DropDown settings, tick the “Includes an additional first choice as placeholder” checkbox and enter “preset value” through the “First choice text” attribute.

Best regards.

Thank you, I’m talking about something else. I need the preset value to be unselectable.

I found a solution via a script and adding a class:

<script>

jQuery(function($) {
    $('div.my_dropdown_1 select').each(function() {
        var $select = $(this);
        var $firstOption = $select.find('option[value=""]');
        $firstOption.prop('disabled', true).prop('selected', true);
        $select.find('option').not($firstOption).removeAttr('selected');
    });
});

</script>

demo page: https://spacemakerman.s1-tastewp.com/?cff-form=9

But maybe there are some CFF settings I don’t know about, or a better solution?

Hello @spacemakerman

If you want to deactivate the choice from user selection, you must use JS. However, I prefer using the following piece of code:

<script>
fbuilderjQuery(document).on('formReady', function(){
getField('fieldname1').jQueryRef().find('option:eq(0)').prop('disabled', true);
});
</script>

Best regards.