How to hide options from select list using JAVASCRIPT?

Here is a select list with A1, A2 and B1, B2 options. I want hide the A1 and A2 if the issue type is set to Bug during issue creation process.

In shrt, I have a drop down list and would like to remove an option from it, given the text/value of that particular option. Is it possible using javascript? Just like 'append' which adds an option to the drop down list, is there a function to remove an option?

I tried searching for it but all I got were examples where the entire set of options in the drop down list are removed, which is not what I seek.

4 answers

1 accepted

This widget could not be displayed.

Yogesh, Following is the JS code for the later one.

<script type="text/javascript">
targetCategory = document.getElementById('customfield_10003'); // Main Option
targetSubCategory = document.getElementById('customfield_10003:1'); //Sub Category option.
subCategoryOptionsCount = document.getElementById('customfield_10003:1').length;
tempVar = 0;
while(tempVar < subCategoryOptionsCount)
	{
		if(targetSubCategory.options[tempVar].text=="Option's Name" )
		{
			targetSubCategory.remove(tempVar);
			subCategoryOptionsCount--;
		}	
		tempVar++;
	}
</script>

This widget could not be displayed.

I guess the below code works for me. Even we can create Array for the base value and the field value which should be changed on the basis of base value.

<script language="JavaScript" type="text/javascript">
window.onload = function() {
var gwrCategory = document.getElementById('customfield_10100'); // MODIFY: Custom field ID
var undesiredValue = "Text option to be hidden"
var issueType = document.getElementById("issue-create-issue-type"); // MODIFY:
var issueA = issueType.innerHTML;
if(issueA == "Bug" ) {
for(var i=0; i<gwrCategory.options.length; i++){
if ( gwrCategory.options[i].text == undesiredValue ){
gwrCategory.remove(i);
break;
}
}
}
};
</script>

This widget could not be displayed.

Hi Yogesh,

This will only help when the custom field is of Select List type. But what if the custom field is of Cascaded Style. Then there is a differnet way to hide the options in the cascaded list also.

Yes. I am aware of the option. Once I get some time, I will put the code. Why dont you put your option here itself?

This widget could not be displayed.

Thanks Nikhil!!! It worked well!!!

Suggest an answer

Log in or Sign up to answer
Atlassian Summit 2018

Meet the community IRL

Atlassian Summit is an excellent opportunity for in-person support, training, and networking.

Learn more
Community showcase
Posted yesterday in Canada

AUG Lunch Roundtable - August 13 - Highlights

Thanks to everyone who came out today for the lunch AUG - we had some great food and discussion (and ice cream sandwiches to fend off the heat!) The welcome and fun fact was great as well, what an aw...

39 views 2 3
View post

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you