Example to show how to restrict which values are displayed in a drop-down depending on which value is selected in the drop-down it is dependent on. This example is for the case theme and not the email form on the web theme.

linkedlist_js

<script type="text/javascript">
  
  
  $(document).ready(function() {
  
  {% if case.custom_product == '11x' %}
  $(".case-{{case.id}} #ticket_custom6 option[value='Configuration']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Defect']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Enhancement']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Production XP']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='User XP']").remove();
  
  
  
  {% elsif case.custom_product == 'Xperience' %}
  $(".case-{{case.id}} #ticket_custom6 option[value='Admin']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='CML']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Data Center']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Environment']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Perl']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Platform']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Production']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Project']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='User']").remove();
  
  
  {% else %}            
  $(".case-{{case.id}} #ticket_custom6 option[value='Configuration']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Defect']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Enhancement']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Production XP']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='User XP']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Admin']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='CML']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Data Center']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Environment']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Perl']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Platform']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Production']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Project']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='User']").remove();
  //  $(".case-{{case.id}} #ticket_custom6 option[value='-']").remove();
  
  {% endif %}
  
  
  $('.case-{{case.id}}  #ticket_custom5').change(function(event)
  {
  myTopic{{case.id}} = $('.case-{{case.id}} #ticket_custom5 option:selected').text();   
  
  if ( myTopic{{case.id}} == '11x')
  {
  $(".case-{{case.id}} #ticket_custom6 option[value='Configuration']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Defect']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Enhancement']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Production XP']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='User XP']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='-']").remove();
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Admin">Admin</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="CML">CML</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Data Center">Data Center</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Environment">Environment</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Perl">Perl</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Platform">Platform</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Production">Production</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Project">Project</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="User">User</option>');
  }
  
  else if ( myTopic{{case.id}} == 'Xperience')
  
  {
  
  $(".case-{{case.id}} #ticket_custom6 option[value='Admin']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='CML']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Data Center']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Environment']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Perl']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Platform']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Production']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Project']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='User']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='-']").remove();
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Configuration">Configuration</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Defect">Defect</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Enhancement">Enhancement</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="Production XP">Production XP</option>');
  $(".case-{{case.id}} #ticket_custom6").append('<option value="User XP">item</option>');
  }
  
  else if ( myTopic{{case.id}} == '-')
  
  {
  $(".case-{{case.id}} #ticket_custom6 option[value='-']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Configuration']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Defect']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Enhancement']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Production XP']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='User XP']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Admin']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='CML']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Data Center']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Environment']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Perl']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Platform']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Production']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='Project']").remove();
  $(".case-{{case.id}} #ticket_custom6 option[value='User']").remove();
  $(".case-{{case.id}} #ticket_custom6").append('<option value="-">-</option>');
  
  }
  
  else {
  
  return;
  
  }
  
  });



</script>