在两个选择上显示图层

Question

我正在尝试显示来自两个 select 字段的选项的图层。我做了这样的事情：

$(function() {
$('select').change(function(){
    $('.layer').hide();
    $('#w' + $(this).val()).show();
}); });

但是图层好像不是固定选择的，3次以上变化后随机显示。 http://codepen.io/DaPik/pen/rWraBr

每个可能的选择都应该显示特定的图层。

First option + first option = layer 1 displayed
First + second = layer 2
Second + first = layer 3
Second + second = layer 4.

@编辑我的代码无法正常工作：起初它看起来像，但如果您选择：

No + Cat = Layer 4
No + Dog = Layer 3
Yes + Dog = Layer 1 and then
Yes + Cat = again Layer 3

Answer 1

是这样的吗？

http://codepen.io/anon/pen/rWrajQ

$(function() {
  showLayer('11');
  $('select').change(function(){
    $('.layer').hide();
    var shownLayer = $('#test').val() + $('#test2').val();
    showLayer(shownLayer);
  });

  function showLayer(layer){
    $('#w' + layer).show();
  }
});

在两个选择上显示图层

Display layer on two selects

javascript

select

onchange

layer