Disabling Select Field Option

[byjohnnay (Johnny Nguyen)]

I’m trying to make one of my options within the finish select field to be disabled. I’ve looked around and tried all of the suggestions but none of them have worked.

I’ve only gotten it to work by manually inputting in ‘disabled’ next to option through inspecting the page.

The project I’ve copied the code from is by:
https://webflow.com/website/Custom-Select-Fields

Thanks.

Here is my site Read-Only: https://preview.webflow.com/preview/fiksechoquer?utm_medium=preview_link&utm_source=designer&utm_content=fiksechoquer&preview=b042ac01e629e6c17903e2a625caba07&pageId=5ed87a02042ec007f87d5525&mode=preview
([how to share your site Read-Only link][2])

[1]: http://

[2]: Share a read-only link | Webflow University

[sam-g]

I would probably just use a bit of javascript for this, in the custom code at the bottom of your page try something like this:

<script type="text/javascript">
	$(function() {
		$("#Finish option[value="standard-plus"]").attr('disabled','disabled');
	});
</script>

You’ll need to put a value in the option options in Webflow

[byjohnnay (Johnny Nguyen)]

Hey Sam,

I’ve tried this but seem to not work, would like mind trying it out yourself?

Thanks

[sam-g]

Can you post your published site link with the script on that page? Also I realized that the ID selector “#Finish” was from the example I used, make sure to update that to the ID of the dropdown you want to apply this to.

[byjohnnay (Johnny Nguyen)]

Here is the published link,

https://fiksechoquer.webflow.io/wheels/fm-5

I made sure to ID matched the dropdown I wanted it on.

[sam-g]

Try this inside of the script instead:

$('#Finish option[value=\"Custom\"]').attr('disabled','disabled');
$('#Finish').niceSelect('update');

[codyarsenault]

hey how can i disable the result after selection on the select element?

[sam-g]

@codyarsenault - what do you mean by the result?