Show/Hide Custom field depend on Priority field value

Sys Admin

We need to hide a certain field namely "Specify the reason of Critical Priority" (Custom Field value 10112 ) based on Priority field value. We need to show this only when Priority Value is "Critical"

We have write java script in "Specify the reason of Critical Priority" field's description to meet this expectation. Please find the javasripr below -

<script type="text/javascript">
   priority = document.getElementById('priority');
   if (priority) {
       target = document.getElementById('customfield_10112');
       // Hide the target field if priority isn't critical
       if (priority.value != 2) target.style.display='none';
   
       priority.onchange=function() {
           if (this.value == 2) {              
                      target.style.display = '';  
                      target.value="enter message here";
                   } else {
                  target.style.display='none';
           }
       }
   }
 </script>

After configuring by above mentioned procedure "Specify the reason of Critical Priority" field is showing only when "Critical" priority is selected. When "Critical" Priority is not selected this field is not showing alright but "Specify the reason of Critical Priority" Custom Field name is showing everytime. Means Field is hideing but fieldname is showing. Could you please suggest regarding this?

Sys Admin

Hi Prasad,

Thank you very much for your help. Right now Show/Hide Customfield based on Priority field value working perfectly. I have not use alert(selectedPriority) .I have used below mentioned code and it's working perfectly after clearing the browser cache -

jQuery(document).ready(function($) {
    JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e,context) {
                showHideFieldFunction();
            });
            showHideFieldFunction();

function showHideFieldFunction(){
            showHideField();
            $('#priority').change(function() {
                showHideField();
            });
}

function showHideField(){
    var selectedPriority=$("#priority").val();
    if(selectedPriority == '2'){
        $('#customfield_10112').closest('div.field-group').show();
    }else{
        $('#customfield_10112').closest('div.field-group').hide();
    }

}
});