Целевая опция SELECT JQuery

Question

Я пытаюсь настроить таргетинг на option в пределах select выпадающего меню JQuery.

HTML-:

<select id="category-select" name="category"> 
    <option class="all" value="all">All</option> 
    <option class="env-tech" value="environmental-technologies">Environmental Technologies</option> 
    <option class="digital-media" value="digital-media">Digital Media</option> 
    <option class="serv-consumer" value="services-consumer">Services/Consumer</option> 
    <option class="bio" value="bio-technology">Medical/Biotechnolgy</option> 
</select> 

JQuery

('#category-select option[value="environmental-technologies"]').click(function() { 

    $('.portfolio-area').show().filter(':not(.environmental-technologies)').fadeOut(200); 

}); 

Как этого добиться? У меня не было успехов с другими решениями на сайте.

Answer 1

Вы можете попробовать сделать

$(document).on("change","#category-select", function(){ 
    if($(this).val()=='environmental-technologies') 
    { 
     alert(1); // Your code $('.portfolio-area').show().... 
    } 
});