select的option触发事件

<select id="oyhfd" name="jddcTHdkzyfz.oyhfd" >
        <option value="-1" selected="selected">--请选择--</option>
        <option class="oyhfd"  value="1"  >5折</option>
        <option class="oyhfd"  value="2"  >8折</option>
        <option class="oyhfd"  value="3"  >无折扣</option>
        <option class="oyhfd"  value="4"  >其他折扣</option>
  </select>
<span style="display:none;" id="oyhshowInfo">
    <input type="text" class="ozkOnther" id="ozkOnther" size="6" name="jddcTHdkzyfz.ozkOnther" value="${jddcTHdkzyfz.ozkOnther }"/></span>
<script>
$("#oyhfd").on("change",function(){
    if($("option:selected",this).val()==4){
        $("#oyhshowInfo").show();
    }else{
        $("#ozkOnther").val("");
        $("#oyhshowInfo").hide();
    }
});
</script>

还可以取下标,从 0 开始

$("option:selected",this).index()
posted @ 2017-07-25 11:05  石洋  阅读(25874)  评论(0)    收藏  举报