Need form dropdown placeholder text not to be selectable?

[Matthew_Butler]

When I create a drop down field in a form, I want there to be placeholder text that is NOT selectable.

However the only way I seem to be able to do this is to make the top option say, for example, ‘country’. It’s annoying as some people then choose ‘country’ as a value.

[AlexManyeki]

Share link please.

How to Enable a Webflow Share Link

#If you’re new to the Webflow forum, welcome! To enable the Webflow community to help you with your website, please include your site’s Share Link with your question. This will enable the community to see your site without making any edits to it. #1. Here are the two places you can find the site’s share link: Site Dashboard [image] Account Dashboard [image] #2. Enable the share link, then copy the generated link: [image] #Here are video instructions

[Matthew_Butler]

Hi Alex, thank you for the tip here - sorry I missed the alert to it!

Here is the link to the site that I’m having a problem on: https://preview.webflow.com/preview/virtual-cabinet-449919?preview=7f9718a2b2c5a06d898e5dba129a561c

[AlexManyeki]

Hey Matthew,

Since you are using a common class for each of the dropdowns , Select-form , we could loop through all of them and disable the first option in each by placing this piece of code in the footer section (before </body>) of custom code;

<script>
  $( document ).ready(function() {
     $('.select-form').each( function () {
        $(this).children('option:first').attr("disabled", "disabled");
      });
   });
</script>

Let me know how this works for you.

[Matthew_Butler]

Thank you so much for your extremely quick reply Alex!

Yes is is now fixed. I really appreciate it!

[AlexManyeki]

Great to know and you are very welcome… Enjoy.