IE8 не работает, если выбрано значение параметра

Question

Я знаю, что, возможно, есть лучший способ сделать это, я пробовал много способов.Я обычно делал бы .hide() или .show(), но переключатель дисплея css работал лучше на FF, а не на IE.Вот мой код

$(".VariationSelect option[value='21']").click(function () {
    $("#21").css("display", "block");
});
$(".VariationSelect option[value!='21']").click(function () {
    $("#21").css("display", "none");
});

Я пробовал переключать регистр, и если и еще, но ничего не работает

<div class="Value">
    <select name="variation[1]" class="VariationSelect" style="width: 180px;">
        <option value="">Choose a Ring Size</option>
        <option value="6">6</option>
    <option value="7">7</option>
    <option value="21">Custom</option>
    </select>
</div>
<div id="21" style="margin-left:20px; float:left; display:none"> 
    <div class="Label" style="margin-top:5px; ">
        Custom Size:&nbsp;&nbsp;
    </div>
</div>

Answer 1

Во-первых, я бы не рекомендовал использовать идентификаторы и классы, начинающиеся с цифры.

JQuery

$(".VariationSelect").change(function() {
    if ($(this).val() == '21') {
        $("#cont_21").show();
    } else {
        $("#cont_21").hide();
    }
});

HTML

<div id="cont_21" style="margin-left:20px; float:left; display:none"> 
    <div class="Label" style="margin-top:5px; ">
        Custom Size:&nbsp;&nbsp;
    </div>
</div>

Демонстрация JSFiddle здесь .

Надеюсь, это поможет!

Answer 2

Вызывается ли функция щелчка при нажатии на «опцию» в IE? Я предполагаю, что события нажатия не запускаются в элементах опций в IE. Вместо этого поместите изменение (..) в выбор и проверьте значение.

Вот код:

    $(".VariationSelect").change(function() {
    if ($(this).val() == "21") {
        $("#21").css("display", "block");
    } else {
        $("#21").css("display", "none");
    }
});