How to display/hide a Field based on another Field's selection

unknown

Hi

i would liketo hide some fields (or tab if this is possible) if in another field is something

i found this script : 

<script type="text/javascript">
priority = document.getElementById('priority');
if (priority) {
target = document.getElementById('customfield_10142');
// 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>

 

And this is working but only in a new window, if i'm creating issue in pop-up window its not working.

 

I'm putting this script in description of custom field.

I would like do this without plugins.

 

Thanks

Danyal Iqbal

That makes sense. The popup ( js) is only loaded once.

Select the correct project and issue type (with applicable js) in the popup. Close and reopen the popup. The js should work only when customfield_10142  is already present on the form when you open the popup. If you have to change the project/issue-type in the popup, your js has already failed before that.

As a workaround you can execute the js everytime the issue-type /project is changed (exactly like the example script).