Seçilen seçim seçeneğindeki sınıf alanını kontrol etmek için Jquery nasıl kullanılır?

Question

ben Sayfanın altındaki birkaç bölüm vardır ve bunların BAZI "boyutu" nin sınıf var bir form ve aşağıdaki gibi bir seçme seçeneği ile bazı HTML ...

 <select id="typeofrequest" name="type"> 
     <option value="">PLEASE SELECT</option> 
     <option value="email" class="color size font">Logo request</option> 
     <option value="email">Image request</option> 
... 

var. Temel olarak, birisi Seç açılır menüsünden "Logo isteği" ("boyut" sınıfına sahip) seçtiğinde, "boy" sınıfının görünmesi/gösterilmesi için diğer div'ları tetiklemesini istiyorum (bunlar görüntülendikleri için: yok ; başlamak).

if ($("#typeofrequest option").hasClass("size")) { 
     $("div.size").show(); 
    } 

Ancak, benim şimdiki koduyla, seçeneğini olursa olsun "boyut" Ekranın sınıfı ile div'ler seçtiğim (yani ben "Resim isteği" seçtiyseniz hala o/koymaktadır diğer div'leri gösterir. Yani açıkça nasıl seçme ve seçenekleri okunur bir şeyler anlayamıyorum herkes yanlış yapıyorum bkz

Answer 1

bu kullanmayı deneyin.?

$('#typeofrequest').on('change', function(e) { 
     if($(this).find('option:selected').hasClass("size")) 
      $('div.size').show(); 
     else 
      $('div.size').hide(); 
    }); 

JS Fiddle demo

Answer 2

You can try this: 

    $(document).on('change', '#typeofrequest', function(){ 
     console.log($(this).find(':selected').val().hasClass('size')); 
     if($(this).find(':selected').val().hasClass('size')){ 
      $("div.size").show(); 
     }else{ 
      $("div.size").hide(); 
     } 
    });