Hide Specific Dropdown Values

@stephen27

Code for use:

var tagsToRemove = ['0000000000','1111111','2222222'];  //value to hide from dropdown

function removeTagsWeDontWant() {
$('.nesty-panel').on('DOMNodeInserted', function(e){
for(var i in tagsToRemove) {
$('li#' + tagsToRemove[i]).remove();
}
});
};

if (window.location.href.indexOf("456898764") > -1) { // form id for which you want to hide value of dropdown
removeTagsWeDontWant();
}



Note: 0000000000 my dropdown value and 456898764 my form id, remove this and add yours

and if I'm missing something let me know :)

ThanX.

Thank you this worked great.

Based on how this executes it will remove all of the listed values from all dropdowns they appear in.

So if I have a priority field and an impact field both have a value of "low" available if I use this code "low" will be removed from both.

If there a simple way to target it for one field, priority, so that the "low" is only removed from priority but is available in impact?

Hi @ifra would you be able to tell me how to alter this code I wanted to remove specific field options based on another field selection? Thanks!

Hi Noelle Cheng, do you want to hide dropdowns on specific forms OR  do you want to hide specific values of dropdown on specific forms?

@ifra I want to hide specific values of a dropdown on a specific form if another value is selected on another dropdown.

On Form 789 there are the following fields

1. Dropdown1 had options A, B, C, 
2. Dropdown2 had options S, T, U, V, W

So if Dropdown1 had options A or B selected, then Dropdown2 would only show options S, T, U. But if Dropdown1 had option C selected, then Dropdown2 would show all the options S, T, U, V, W.

Hi @ifra Just wanted to check my last comment. You've been so helpful and really appreciate your contribution to the Zendesk community! :)

Hi Noelle Cheng, thanks for your recent comment.  :), I was traveling (between two states) that's why I wasn't able to answer.

I can help you to hide specific values of a dropdown on a specific form but without a second condition as that's not doable for me. I've tried so many times to work with the custom dropdown's value but didn't get any output.

Code for use: hide specific values of a dropdown on a specific form

var tagsToRemove = ['0000000000','1111111','2222222'];  //value to hide from dropdown

function removeTagsWeDontWant() {
$('.nesty-panel').on('DOMNodeInserted', function(e){
for(var i in tagsToRemove) {
$('li#' + tagsToRemove[i]).remove();
}
});
};

if (window.location.href.indexOf("456898764") > -1) { // form id for which you want to hide value of dropdown
removeTagsWeDontWant();
}



Note: 0000000000 my dropdown value and 456898764 my form id, remove this and add yours

Thanks 

Hi @ifra So sorry to bug thank you though! I need the two options to still be visible so I may just conditionally hide the other fields if that option is selected. 

I hate to bother you about something unrelated from this post but you have been such a huge help in the community, I was wondering if you could help me on a code I seem to be having issues on regarding attachments based on a drop down selection? If I provide the link to my post, would you be open to helping me? Thanks!