[Resolved] Unable to restrict taxonomy dropdown selection limit

[Author]

Posts

[himanshuS]

I want to limit the number of taxonomy a user can select on a front end form. I am using the code provided in one of the tickets and it's not working. What am I missing?

Code:
//limit selection of 3 skills in an endorsement
jQuery(document).ready('cred_form_ready',function($){
var tema_limit = 3;

jQuery("select[name='skill-category[]']").on('click', 'option', function() {
if(jQuery("select[name='skill-category[]']"] option:selected').length > tema_limit) {
jQuery(this).removeAttr("selected");
}
});
});

Reference: https://toolset.com/forums/topic/limit-number-of-choices-to-be-selected-in-dropdown-of-categories-on-a-post-form/

[himanshuS]

Updated code:
//limit selection of 3 skills in an endorsement
jQuery(document).ready('cred_form_ready',function($){
var tema_limit = 3;

jQuery("select[name='skill-category[]']").on('click', 'option', function() {
if(jQuery("select[name='skill-category[]'] option:selected").length > tema_limit) {
jQuery(this).removeAttr("selected");
}
});
});

[Minesh]

Hello. Thank you for contacting the Toolset support.

Again, I will require problem URL where I can see the form you added as well as access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Ok - I see that the issue belongs to the same form.

I've adjusted the JS code as given under within your form's JS box:
=> hidden link

//limit selection of 3 skills in an endorsement
jQuery(document).ready(function($){
  var tema_limit = 3;
 
  jQuery("select[name='skill-category[]']").on('click', 'option', function() {
      if(jQuery("select[name='skill-category[]'] option:selected").length > tema_limit) {
         jQuery(this).removeAttr("selected");
         alert("Maximum 3 Options allowed.")
     }
  });
});

Can you please confirm it works as expected: hidden link

[himanshuS]

My issue is resolved now. Thank you!