选择节目div的jQuery [英] jQuery on select show div

问题描述

我有一个关于jQuery的问题。如果用户在html中选择值为0的Presmerovanie，选择id为typ，我想显示ID为pres的div。这里是代码：

 < dl> 
< dt>< label for =typ> Typ< / label>< / dt> 
< dd> 
< select id =typsize =1> 
< option value =1>Normálna< / option> 
< option value =0> Presmerovanie< / option> 
< / select> 
< / dd> 
< / dl> 
 <！ -  Len ak je presmerovatelna  - > 
< div id =presstyle =display：none;> 
< dl> 
< dt>< label for =presmerovat> Presmerovat na< / label>< / dt> 
< dd> 
< select id =presmerovatsize =1> 
< option>类别1< / option> 
< option>类别2< / option> 
< / select> 
< / dd> 
< / dl> 
< / div> 
 <！ -  Koniec ak je presmerovatelna  - > 
  

是否有可能？

解决方法

  $（＃typ）。on（change，function（）{
 $（＃pres）。hide（） ; 
 
 if（$（this）.val（）=='0'）{
 $（＃pres）。show（）; 
} 
}）; 
  

demo

i have one question about jQuery. If user select "Presmerovanie" with value "0" in html select with id "typ" i want to show div with id "pres" . Here is the code:

<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 -->

is it possible?

解决方案

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

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

demo

这篇关于选择节目div的jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！