在两个选择上显示图层答案

【问题标题】：Display layer on two selects在两个选择上显示图层
【发布时间】：2016-12-09 11:22:48
【问题描述】：

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

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

【问题讨论】：

不清楚你想达到什么。你能举个例子说明你认为错误的地方以及结果应该是什么？
两个选择，每个选择两个选项。四层。第一个选项+第一个选项=第1层；第一个 + 第二个 = 第 2 层；第二 + 第一 = 第 3 层；第二 + 第二 = 第 4 层
请编辑问题以详细说明。
您的代码可以正常工作。

标签： javascript select onchange layer

【解决方案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();
  }
});

【讨论】：

我看到你在那里做了什么，这个不能像我一样被窃听。谢谢！