JIRA - show / hide field via javascript conditions only working on one field

Deborah Hansen July 23, 2013

On issue Creation, using code like this against 3 fields - If disclosed field = yes, then show. It's only showing one field on the screen (the last one) w/ that code in it, it's not showing all 3 fields. Each field works fine on it's own to show, just not when they are all setup together... Any ideas how to correct? I need to apply similar to 6 additional fields too.... Thanks!

<script type="text/javascript">
  disclosed = document.getElementById('customfield_10009');
  if (disclosed) {
      target = document.getElementById('customfield_10006').parentNode;

      // Hide the target field if disclosed != yes
 if (disclosed.value != '10005') target.style.display='none';
  
      disclosed.onchange=function() {
          if (this.value == '10005') {             
                     target.style.display = '';  
                  } else {
                 target.style.display='none';
          }
      }
  }
 </script>

4 answers

1 accepted

3 votes
Answer accepted
RambanamP
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
July 23, 2013

try with this code

<script type="text/javascript">
jQuery(document).ready(function($) {
	JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e,context) {				
				callShowHideFunctions();
			});
				callShowHideFunctions();
			
function callShowHideFunctions(){
				showHidefields();
			$('#customfield_10009').change(function() {		
				showHidefields();
			});	
}				
		
	function showHidefields(){	
						$('#customfield_10006').closest('div.field-group').hide();				
					if($("#customfield_10009 option:selected").text() == 'Yes'){						
						$('#customfield_10006').closest('div.field-group').show();						
					}else{
						$('#customfield_10006').val('');
						$('#customfield_10006').closest('div.field-group').hide();
					}
		}	
			
	
});
</script>

Deborah Hansen July 24, 2013

This worked!! I changed the fields to be radio buttons so it looks cleaner as well. Thank you!

1 vote
RambanamP
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
July 23, 2013

check this post you can find hide field on radio button on change and check box on change events

https://answers.atlassian.com/questions/158035/need-to-hide-show-a-textfield-based-on-the-value-of-the-check-box-using-javascript

0 votes
Deborah Hansen July 23, 2013

10009 is a select list field

0 votes
RambanamP
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
July 23, 2013

what type of field is the "customfield_10009", i mean is it radio button, select list or check box?

Suggest an answer

Log in or Sign up to answer