点击option触发事件，增加一个div

最新推荐文章于 2023-11-22 14:00:00 发布

weixin_30496751

最新推荐文章于 2023-11-22 14:00:00 发布

阅读量449

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangjianzhen/p/9088854.html

本文介绍了一个使用jQuery实现的选择器功能示例。当选择特定选项“主要业绩”时，将显示额外的选择框；选择其他选项时，则隐藏该选择框。通过简单的HTML和jQuery代码实现了这一交互效果。

描述

根据需求，点击搜索主要业绩时，右侧增加一个select的主要业绩筛选条件

Jquery代码

$(function(){
    $("#select").change(function(){
        var options=$("#select option:selected");
        if(options.val() == '5'){
            $("#main").show();
        }else{
            $("#main").hide();
        }
    });
});

html代码

<select name="" id="select">
    <option value="">请选择</option>
    <option value="1">用户名</option>
    <option value="2">企业名称</option>
    <option value="3">会员编号</option>
    <option value="4">主营业务</option>
    <option value="5">主要业绩</option>
</select>
<select id="main" style="display: none;">
    <option value="">请选择</option>
    <option value="1">用户名</option>
    <option value="2">企业名称</option>
    <option value="3">会员编号</option>
    <option value="4">主营业务</option>
    <option value="5">主要业绩</option>
</select>

转载于:https://www.cnblogs.com/zhangjianzhen/p/9088854.html