ios 下 select和option 无法隐藏指定元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <script type="text/javascript" src="js/glo_view.js"></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/flex.css"/>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
    <script type="text/javascript" src="js/jquery-1.10.2_d88366fd.js"></script>
    <script type="text/javascript" defer src="js/swiper-3.3.1.min.js"></script>

    <link rel="stylesheet" type="text/css" href="css/shijian.css"/>
    <script type="text/javascript" defer src="js/jquer_shijian.js"></script>

    <link rel="stylesheet" type="text/css" href="css/LArea.css"/>
    <script type="text/javascript" defer src="js/LArea.js"></script>

    <link rel="stylesheet" type="text/css" href="css/publicMethods.css"/>
    <script type="text/javascript" defer src="js/publicMethods.js"></script>

    <link rel="stylesheet" type="text/css" href="css/xt_wap.css"/>
    <script type="text/javascript" defer src="js/xt_wap.js"></script>
</head>
<body>
    <div class="width750center">
        <!--header-->
        <div class="xtw_header">
            <div class="xtw_header_fix">
                <div class="xtw_header_fix_back xtw_header_fix_backfn all-flex all-justify-start all-align-items-center">
                    <img src="images/topleft.png" alt="">
                </div>
                <div class="xtw_header_fix_txt">添加联系人</div>
                <div class="xtw_header_fix_right all-flex all-justify-end all-align-items-center">
                    <!--<img src="images/topleft.png" alt="">-->
                </div>
            </div>
        </div>
        <!--cont-->
        <div class="">
            <script>
                /*
                * jq对象,要显示那些元素[],要隐藏那些元素[]
                */
                function toggleOptionShow(obj,arrShow,arrHide){
                    function arrHandle(arr,type){
                        if($.isArray(arr)){
                            var len=arr.length;
                            for(i=0;i<len;i++){
                                var optionNow=obj.find("option").eq(arr[i]);
                                var optionP=optionNow.parent("span");
                                if(type=="show"){
                                    if(optionP.size()){
                                        optionP.children().clone().replaceAll(optionP);
                                    }
                                }else{
                                    if(!optionP.size()){
                                        optionNow.wrap("<span style='display:none'></span>");
                                    }
                                }
                            }
                        }
                    }
                    arrHandle(arrShow,"show");
                    arrHandle(arrHide,"hide");
                }
            </script>
            <select>
            <option value="papername" selected="selected">选项一</option>
                <option value="state">选项二</option>
                <option value="state">选项三</option>
                <option value="state">选项四</option>
                <option value="state">选项五</option>
                <option value="state">选项六</option>
            </select>
            <button onclick="toggleOptionShow($('select'),'',[0,1,3])">隐藏一,二,四</button>
            <button onclick="toggleOptionShow($('select'),[0,1,3],'')">显示一,二,四</button>
        </div>
    </div>
</body>
<script>
    $(function () {

    })
</script>
</html>

 原文地址:https://blog.csdn.net/sanyuedexuanlv/article/details/26455925

posted @ 2019-07-06 09:12  盖大楼  阅读(794)  评论(0编辑  收藏  举报