Disable Drop Down Option using jQuery

Question

I need to disable options with value \"- Sold Out -\" in a list of dynamic drop down menus. How can I do this easily with jQuery? Below is the HTML

Answer 1

Here i have done solution for above query. demo link as below:

Demo: http://codebins.com/bin/4ldqp92

HTML:

 
  
    - Preferred Time -
  
  
    - Sold Out -
  
  
    2:30 - 4:00pm
  


  
    - Preferred Time -
  
  
    - Sold Out -
  
  
    2:30 - 4:00pm
  


  
    - Preferred Time -
  
  
    - Sold Out -
  
  
    2:30 - 4:00pm
  

JQuery:

$(function() {
    $("select").click(function() {
        $(this).find("option[value*='Sold Out']").prop("disabled", true);
    });
});

Demo: http://codebins.com/bin/4ldqp92