jQuery показать div, если значение> x

Question

Я читал много тем о jQuery и показываю div, но пока не нашел ответа на свой конкретный вопрос. Вот в чем дело:

Исходя из моего значения, я хочу показать либо div A, либо div B. Поле выбора заполнено 20 странами, из которых 19 получают тот же div (B), и только один получает другой div (A). Тот, который получает div A, имеет «значение = 1», поэтому я решил применить принцип «если выбрано значение> 1, покажите div B». Однако мне не удается заставить его работать. Мой другой механизм select-show-div был основан на точном значении (я разместил его ниже), но эта вещь, если что-то еще сводит меня с ума.

Любая помощь будет оценена!

Мое старое значение = точный код:

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

Я не понимаю, есть ли у вас меню выбора или divs.Возможное решение может быть следующим:

$('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, поэтому вы не можете просто использовать это значение для генерации идентификатора.Идентификатор должен быть 1, если значение равно 1, и 2 в противном случае.

Попробуйте:

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