选择showdiv时的jQuery

我有一个关于jQuery的问题。如果用户在html中选择值为“0”的“Presmerovanie”，并选择id为“typ”的选项，则我希望显示id为“pres”的div。代码如下：

<dl>
    <dt><label for="typ">Typ</label></dt>
    <dd>
    <select id="typ" size="1">
        <option value="1">Normálna</option>
        <option value="0">Presmerovanie</option>
    </select>
    </dd>
</dl>
<!-- Len ak je presmerovatelna -->
<div id="pres" style="display: none;">
    <dl>
        <dt><label for="presmerovat">Presmerovat na</label></dt>
        <dd>
        <select id="presmerovat" size="1">
            <option>Category 1</option>
            <option>Category 2</option>
        </select>
        </dd>
    </dl>
</div>
<!-- Koniec ak je presmerovatelna -->

类型
诺姆阿尔纳
前梅洛瓦尼
前梅罗瓦特钠
第一类
第2类

可能吗

$("#typ").on("change", function() {
    $("#pres").hide();

    if ( $(this).val() == '0' ) {
        $("#pres").show();
    } 
});​

---

要使其灵活，您可以将数据属性添加到下拉项中：

<select id="typ" size="1">
    <option value="1" data-rel="norm">Normálna</option>
    <option value="0" data-rel="pres">Presmerovanie</option>
</select>

这将仅显示所选项目的相关元素，并隐藏所有其他元素

---

.

要使其灵活，您可以将数据属性添加到下拉项中：

<select id="typ" size="1">
    <option value="1" data-rel="norm">Normálna</option>
    <option value="0" data-rel="pres">Presmerovanie</option>
</select>

这将仅显示所选项目的相关元素，并隐藏所有其他元素

---

.

是的，这是可能的，但您尝试了什么？是的，这是可能的，但您尝试了什么？您看到JSFIDLE示例了吗？@Geril sanity check:您已经包含了jquery库？@ZoltanToth:+1用于工作代码和演示，据我所知，仅当选择值为0时才显示它。我假设如果选择值不是0，则可能必须添加.hide。不过只是一个猜测：）我已经在html中包含了解释一切的html！

.on（）

仅出现在jQuery>1.7中。在您的例子中，只需使用

.change（）

-您看到JSFIDLE示例了吗？@Geril sanity check：您已经包含了jquery库？@ZoltanToth:+1作为工作代码和演示的旁注，据我所知，仅当选择值为0时才显示它。我假设如果选择值不是0，则可能必须添加.hide。不过只是一个猜测：）我已经在html中包含了解释一切的html！

.on（）

仅出现在jQuery>1.7中。在您的情况下，只需使用

.change（）

-