I'm using a function that hides and shows content.

2. $('.new-customer-details').enableValidators(false);
3. 
   
4. $('.quote-customer-select select').change(function () {
5.     var selected = $(this).find(':selected').val()
6.     if (selected == '-1') {
7.         $('.new-customer-details').slideDown();
8.         $('.new-customer-details').enableValidators(true);
9.     }
10.     else {
11.         $('.new-customer-details').slideUp();
12.         $('.new-customer-details').enableValidators(false);
13.     }
14. })

In my example where the value="-1" is selected from the drop down list the content is show.  All good.

My question is how can I change and bind the above dynamically?  

My drop down list has a list of names from a table called User.  Each name has a value "ExternalUser" true or false.  If an external user is selected from the drop down list I want my Jquery function to fire and show the content.  

Hope that makes some kind of sense.

Many thanks