addClass to element based on drop down menu select

addClass to element based on drop down menu select

Hello,

I think I'm missing basic terminology again.  I have addClass/removeClass code working for child elements when a radio button or check box is clicked.  What I haven't figured out yet, is to addClass to a child element when a particular drop down menu value is selected.

so in the code below, if "1" is selected then I want to addClass required to phone1, otherwise no class is added to phone1 

  1. <select name="date3" id="date3" tabindex="13">
     <option value="1">1</option> <option value="2">2</option>
     <option value="3">3</option>
     <option value="4">4</option>
     </select>
     <p><label for="phone1">Phone:</label> <input type="text" name="phone1" id="phone1" tabindex="14" /></p>

If it were a checkbox, I could use the code below:


  3. $(document).ready(function() {
  4. $('#date2_0').click(function(){
  5. $('#date3').addClass('{validate:{required:true}}');
  6. $('#date4').removeClass('{validate:{required:true}}');
  7. });
  8. $('#date2_1').click(function(){
  9. $('#date3').removeClass('{validate:{required:true}}');
  10. $('#date4').addClass('{validate:{required:true}}');
  11. });
  12. });

And if I were using a checkboxes I could use code similar to the code below


  3. // Show / Hide check box
  4. $(document).ready(function() {
  5. $("#med_field_002_other").click(function(){
  6. if ($("#med_field_002_other").is(":checked"))
  7. {
  8. $('#med_field_003').addClass('{validate:{required:true}}');
  9. $("#acommOther").show();
  10. }
  11. else
  12. {
  13. $('#med_field_003').removeClass('{validate:{required:true}}');
  14. $("#acommOther").hide();
  15. }
  16. });
  17. $("#acommOther").hide();
  18. var selector = "#med_field_002_asl, #med_field_002_cart, #med_field_002_seat, med_field_002_alt, med_field_002_diet";
  19. $(selector).click(function(){            
  20. if (!$("#med_field_002_other").is(":checked")) {
  21. $('#med_field_003').removeClass('{validate:{required:true}}');
  22. }
  23. });
  24. });

But I'm stumped on what code to use for a specific value in a drop down menu (to addClass to a child element).

Thank in advance if anyone can point me in the right direction.

Peter T