Custom fieds link to another custom fields answer

@Renaud Croix,

You need to replace the FIELDID with your field ID using inspect element. then only the code will work. I mentioned it in the comment and in the code. Please replace the code and it will work.

Thanks

8036642427

It seems that one of the line of your code has an error.
See the screenshot below at the line 421:

Regards

@Renaud Croix,

the above code is for ticket fields only and not ticket forms. As long as you are using the right FIELD ID it should not be an issue for you.

Thanks

Hi 8036642427,

Thank you.
What about if the needs is for a ticket fields (not ticket form) ?

Kind regards

Hi @Renaud Croix,

You need to edit the code and put the code at the bottom of your script.js file from the left sidebar. Here's the link for you to guide how to edit the code of HC in Zendesk.

Let us know if this helps you.

Thanks 

Thank you very much, 

8036642427,
I'm quite new with Zendesk.

Could you explain in summary where and how put this code ?


Thank you

Hi @Renaud Croix,

Try putting the below code at the bottom of you script.js file.

document.addEventListener('DOMContentLoaded', function() {
  // Replace FIELDID with your custom ID (ex: if your field id is 'request_custom_fields_1500007306061_label' then, replace FIELDID with 1500007306061 )
  function nestyInputListClick() {
    var nestyListSelector = document.querySelectorAll('ul[aria-labelledby="request_custom_fields_FIELDID_label"] > li');
    
    Array.prototype.forEach.call(nestyListSelector, function(listItem) {
      listItem.addEventListener('click', function(e) {
        var selectedVal = listItem.innerText;
        var subjectField = document.querySelector('.request_subject');
        if (selectedVal == 'Val_1') {
          subjectField.style.display = 'block';
        } else {
          subjectField.style.display = 'none';
        }
      });
    });
  }
  
  var nestyInputSelector = document.querySelector('.request_custom_fields_FIELDID > .nesty-input');
  nestyInputSelector.addEventListener('click', function() {
    nestyInputListClick();
  });
});

You can see the working example here. I am displaying and hiding the subject field on the basis of custom field dropdown.

Let us know how it goes for you.

Thanks

Hi Renaud Croix

Yes, it can be possible you have to write some custom javascript to achieve your desired result 

Thanks

Pulkit

Team Diziana