jQuery 显示 div 如果值 > x

Question

我已经阅读了很多有关 jQuery 和显示 div 的主题，但我还没有找到我的具体问题的答案。事情是这样的：

根据我的值，我想显示 div A 或 div B。选择字段填充了 20 个国家/地区，其中 19 个国家/地区获得相同的 div (B)，只有一个国家/地区获得另一个 div (A)。 get 的 div A 具有“value=1”，因此我想应用“如果选择值 > 1，则显示 div B”原则。但是，我无法让它工作。我的另一个 select-show-div 机制是基于确切的值（我已将其发布在下面），但是这个 if-else 的东西让我发疯。

任何帮助将不胜感激！

我的旧值=精确代码：

$('.div').hide();
$('#country').change(function() {
   $('.div').hide();
   $('#country' + $(this).val()).show();
   });
});

以及相应的 HTML：

<div id="country1" class="div">
 BLABLA
</div>

<div id="country2" class="div">
 BLABLA
</div>

etc

Answer 1

我不明白你是否有选择菜单或 div。可能的解决方案如下：

$('select').change(function() {
    var countryVal = $("select option:selected").val(); //get the value of the selected
    $("#country1, #country2").hide(); //hide country divs, of previous selection
    if(countryVal == 1) {$("#country1").show();} else {$("#country2").show()}; //if countryVal is 1 (the diffrent value) show the div #country1 else show the div #country2
});

更新的演示： http://jsfiddle.net/YnYxD /1

Answer 2

如果我理解正确的话，所有其他国家的值都为 > 1、所以不能简单的用value来生成id。如果值为 1，则 id 必须为 1，否则为 2。

尝试 ：

$('#country').change(function() {
   $('.div').hide();
   var id = $(this).val() == 1 ? 1 : 2;
   $('#country' + id).show();
   });
});