关于select show div的jQuery

Ger*_*ril 1 html 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 -->
Run Code Online (Sandbox Code Playgroud)

可能吗?

Zol*_*oth 5

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

    if ( $(this).val() == '0' ) {
        $("#pres").show();
    } 
});?
Run Code Online (Sandbox Code Playgroud)

演示

  • 这解释了一切!`.on()`只出现在jQuery> 1.7中.在你的情况下使用`.change()` - http://jsfiddle.net/ta8wH/2/ (2认同)