Hi there
I have a select field in a cred form with some jquery to hide some of the options like this:
SELECT FIELD IN THE FORM:
<div id="omit">
[cred_field field='FIELD-SLUG' force_type='field' class='form-control' output='bootstrap' select_text='Select...']
</div>
JQUERY IN THE JS EDITOR BELOW THE FORM EDITOR:
jQuery( document ).ready(function() {
jQuery('#omit select option[value="OPTION-VALUE"]').hide();
jQuery('#omit select option[value="OPTION-VALUE"]').hide();
jQuery('#omit select option[value="OPTION-VALUE"]').hide();
jQuery('#omit select option[value="OPTION-VALUE"]').hide();
});
It works perfectly on Firefox and Chrome but not on Safari... I can't seem to find an answer to this problem... Does anyone by any chance have any advice or thoughts?
Rita
Hi Rita,
Thank you for contacting us and I'd be happy to assist.
This is a known limitation of Safari and you'll find many forum threads and articles on this topic online. For example:
hidden link
To overcome this, you can replace the '.hide' function in the script with either the '.detach' or '.remove' function.
Related documentation:
hidden link
hidden link
I hope this helps and please let me know if you need further assistance.
regards,
Waqar
Ok great. Thanks Waqar. That resolves the problem. Thank you!
