JS Solution

[Kristina Amador]

I am seeking a JS solution that will allow me to hide select (SPFieldChoice/radio button) options with JavaScript? (Cross browser). Please and thank you.

[Alexander Bautz]

You can use something like this:

// Hide option number 2 from the top (list is 0-indexed)
jQuery("#dffs_ChoiceColumn2").find(".ms-RadioText:eq(1)").hide();
// Show option number 2 from the top (list is 0-indexed)
jQuery("#dffs_ChoiceColumn2").find(".ms-RadioText:eq(1)").show();

Replace “ChoiceColumn2” with your fields internal name.

Hope this gets you on track,
Alexander

• This reply was modified 5 years, 6 months ago by Alexander Bautz.

[Kristina Amador]

Worked like a charm! Thank you so much Alex!

-KMA

[Kristina Amador]

Hi Alex, circling back on this topic. Might you be able to offer the same solution outcome for a SPFieldChoice/Multi-Choice column? Thank you in advance.

-KMA

[Alexander Bautz]

Hi Kristina,
The same code for radio and checkbox (multichoice), but for a dropdown select you must use another approach. I have an example here but it needs a little modification to work in IE so scroll down and read my next comment as well.

Alexander

[Author]

Posts