Ekran x if y eğer y (hatalı başlık biliyorum)

Question

Tamam, açılır menüden Blue öneki bir öğe seçiliyse, giriş kutusu görüntüleyen bazı jQuery kodları var.

Kodu:

$(function() { 
    $('#text1').hide(); 
    $('#select2').on('change', function(event) { 
     var opt = this.options[ this.selectedIndex ]; 
     var picked_blue = $(opt).text().match(/Blue/i); 
     if(picked_blue) { 
      $('#text1').show(); 
     } else { 
      $('#text1').hide(); 
     } 
    }); 
}); 

Fakat açılır menüden başka öğe seçilirse başka bir şey göstermektir ne de eklemeniz gerekir. Ve göstermem gereken şey, öğelerin başka bir açılır menüsü.

Answer 1

Gerekir sizin için değil bu iş:

if(picked_blue) { 
    $('#text1').show(); 
    $('#text2').hide(); 
} else { 
    $('#text1').hide(); 
    $('#text2').show(); 
} 

nerede DOM text1 ve text2 hisse pozisyonu 'mavi' ve 'hiç de mavi değil' gibi metinlerle mi?

Answer 2

Durumunuzun bir bölümünü koşulunuzun bir bölümüne koymanız gerekir.

ya da kısaltma kodu

.

$(function() { 
    $('#text1').hide(); 
    $('#select2').on('change', function(event) { 
     selectedVal = $(this).val().toLowerCase(); 
     switch (selectedVal){ 
     case 'blue': 
      //Your code 
      break; 
      case 'red': 
      //Your code 
      break; 
      case 'black': 
      //Your code 
      break; 
      default: 
      //your code 
     } 
    }); 
}); 

Answer 3

Neden jQuery içinde geçiş fonksiyonu ile deneyemem

$('#text1').toggle();