当前位置 : 主页 > 网络编程 > JavaScript >

根据选择的下拉列表的内容动态显示

来源:互联网 收集:自由互联 发布时间:2021-06-28
gistfile1.txt var changeContent = function (selectedContent) { debugger if(selectedContent.indexOf("基地生产-") === 0){ $("._base").show(); } else if(selectedContent.indexOf("开发-") === 0){ $("._dev").show(); } else { } }; $(function
gistfile1.txt
var changeContent = function (selectedContent) {
        debugger
        if(selectedContent.indexOf("基地生产-") === 0){
            $("._base").show();
        }
        else if(selectedContent.indexOf("开发-") === 0){
            $("._dev").show();
        }
        else {

        }
    };
    $(function () {
        $("._base").hide();
        $("._dev").hide();

        //获取加在select上的class
        var sel = $(".sel");
        //1 初始情况
        changeContent(sel.find("option:selected").text());

        //给下拉列表绑定change事件
        sel.bind("change",function () {
            var selectedContent = sel.find("option:selected").text();
            //2 动态选择
            changeContent(selectedContent);
        });
    });
网友评论