Wyświetl x jeśli x wyświetla y, jeśli y (zły tytuł wiem)

Question

Ok, więc mam kod jQuery, który wyświetla pole wprowadzania, jeśli wybrano element z prefiksem Blue z menu rozwijanego.

Kod:

$(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(); 
     } 
    }); 
}); 

Ale co ja też trzeba dodać, aby wyświetlić coś innego, jeśli wybrano jakikolwiek inny element z menu rozwijanego. A to, co muszę wyświetlić, to kolejne rozwijane menu przedmiotów.

Answer 1

jeżeli nie jest to praca dla Ciebie:

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

gdzie text1 i text2 akcji stanowisko w DOM , z tekstami takimi jak "niebieski" i "nie niebieski w ogóle", odpowiednio?

Answer 2

Musisz umieścić warunek w innej części wyciągu.

$(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(); 
      if($(opt).text().match(/Red/i)) 
      { 
        //You code here 
      } 
     } 
    }); 
}); 

lub kod skrótu.

$(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

Dlaczego nie można spróbować z Funkcja przełączania w jQuery

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