Quote Hide Option Choice For Free

A single product rule can be applied to unlimited bundles, whereas an option constraint is specific to a single bundle. Product rules can select options with Add actions. Option constraints can only enable an option at best.

You have to implement two methods for hiding. display: none works for FF, but not Chrome or IE. So the second method is wrapping the <option> in a <span> with display: none . FF won't do it (technically invalid HTML, per the spec) but Chrome and IE will and it will hide the option.

The following jQuery will work in Internet Explorer, Firefox and Goolge Chrome (as well as other browsers). it will hide and disable the option: $('select optionvalue=saab'). attr('disabled', 'disabled').

4 AnswersSelect the <select /> element. (No pun intended)Find <option /> elements within the previously selected element. I used find() because if there are option groups then children() won't work.Filter down to only the first <option /> element.Remove that element from the DOM.Nov 7, 2014

Disabling a Select2 control Select2 will respond to the disabled attribute on <select> elements. You can also initialize Select2 with disabled: true to get the same effect.

Salesforce CPQ makes a configuration based on user response, possibly by selecting multiple options in one step. To make a selection rule that functions in real time, select Apply Immediately and System on the product option that you want to function in real time.

Changing select2 code was also out of the question. My solution was to store a copy of the options for each select in memory as an array. When I wanted to "hide" an option, i would use jQuery remove(). When I wanted to "unhide", I would re-add it to that select's options.