[Resolved] Show/Hide Options and select a different Default Option in CRED Select field

[Author]

Posts

[SatinS5964]

I have a User - Custom field which is of type "Select".

I show this field on a User CRED Form.

1. I want to be able to hide one of the options.
I tried using this JS code which I got from another issue. But it does not seem to be working.

Field on CRED Form:

	<div class="form-group">
		<label>User Type</label>
		[cred_field field='my-field' force_type='field' class='form-control' output='bootstrap']
	</div>

JS Code used (but NOT working):

jQuery( document ).ready(function() {
    jQuery('#my-field select option[value="STA"]').hide();
});

2. I also want to select a different DEFAULT option than the one I setup when creating that field. How would I do that?

Thank you
Satin

[Shane Supporter Languages: English (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Satin

Thank you for contacting our support forum.

I was able to do a short search and found this solution.
https://stackoverflow.com/questions/41383884/js-hide-options-based-on-value-attribute

This should be able to assist you with hiding your particular option.

Also for your default option you can try using this js.

jQuery('select option[value="1"]').attr("selected",true);

Please let me know if this helps.
Thanks,
Shane

[SatinS5964]

Thank you. That works for my solution.

[Shane Supporter Languages: English (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Satin,

If there are no further issues on this then you can mark this ticket as resolved.

Thanks,
Shane

[SatinS5964]

My issue is resolved now. Thank you!