<!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="data: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="data: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

ios 下 select和option 无法隐藏指定元素的更多相关文章

  1. jquery实现点击页面其他地方隐藏指定元素

    代码实例如下: <!DOCTYPE html><html><head><meta charset=" utf-8"><meta ...

  2. 如何在webapp中做出原生的ios下拉菜单效果

    github:https://github.com/zhoushengmufc/iosselect webapp模仿ios下拉菜单 html下拉菜单select在安卓和IOS下表现不一样,iossel ...

  3. jquery操作select下拉框的各种方法，获取选中项的值或文本，根据指定的值或文本选中select的option项等

    简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...

  4. 使用AJAX填充<select>标签下拉项，没有显示指定的option项

    newCarInfo.js代码如下: $(function() {     // 获取燃油种类     url = "basicFuelType_queryAll.action"; ...

  5. select 下拉菜单Option对象使用add(elements,index)方法动态添加

    原生js 的add函数为下拉菜单增加选项 1.object.add(oElement [, iIndex]) index 可选参数:指定元素放置所在的索引号,整形值.如果没有指定值,将添加到集合的最后 ...

  6. select下拉框option的样式修改

    select原样式: 进行样式修改后的样式: 附上修改代码: //select外面必须包裹一个div,用来覆盖select原有的样式<div class="option"&g ...

  7. iosselect：一个js picker项目，在H5中实现IOS的select下拉框效果

    具体文档和demo可以访问github:https://github.com/zhoushengmufc/iosselect 移动端浏览器对于select的展示样式是不一致的,ios下是类似原生的pi ...

  8. IE8 下 select option 内容过长 , 展开时信息显示不全解决办法

    IE8 下 select option 内容过长 , 展开时信息显示不全 , 简单折衷的方式就是给 option 加上 title 属性 , 但是又不想一个个的修改,怎么办呢,代码如下 : //sel ...

  9. JavaScript获取Select下拉框Option的Value和Text值的方法

    Js获取select下拉列表框各个Option的Value值相对比较容易,不过获取Text值却有点麻烦,对于一个初学JavaScript的 新手来说,可能一时还无从下手,那么就请看下本文的方法,以一个 ...

随机推荐

  1. Nginx proxy_cache 缓存静态文件

    原文链接:https://blog.csdn.net/bjgaocp/article/details/87867521 创建缓存目录mkdir /tmp/ngx_cache 添加下面语句在http{ ...

  2. ZOJ 4082 Little Sub and his Geometry Problem题解

    题意 f(u,v):x小于等于u且y小于等于v的点才对f有贡献,每个这样的点贡献(u-x)+() 思路 =f(u_2,v_2)" class="mathcode" src ...

  3. 获取redis cluster master对应的slot分布情况

    需求:原生的redis-trib.rb功能是强大,但输出的内容过于繁杂,比如我需要关注哪些master对应哪些slots,不是很直观,如果集群的规模更大的话,那么输出的结果获取信息更加困难. 说明:这 ...

  4. 851. spfa求最短路（spfa算法模板）

    给定一个n个点m条边的有向图,图中可能存在重边和自环, 边权可能为负数. 请你求出1号点到n号点的最短距离,如果无法从1号点走到n号点,则输出impossible. 数据保证不存在负权回路. 输入格式 ...

  5. 【Unity|C#】基础篇(20)——枚举器与迭代器（IEnumerable/IEnumerator）

    [学习资料] <C#图解教程>(第18章):https://www.cnblogs.com/moonache/p/7687551.html 电子书下载:https://pan.baidu. ...

  6. 【Unity|C#】基础篇(17)——字符串处理（String/StringBuilder）

    [学习资料] <C#图解教程>(第25章):https://www.cnblogs.com/moonache/p/7687551.html 电子书下载:https://pan.baidu. ...

  7. 快速搭建一个基于react的项目

    最近在学习react,快速搭建一个基于react的项目 1.创建一个放项目文件夹,用编辑器打开 2.打开集成终端输入命令: npm install -g create-react-app 3. cre ...

  8. phpstorm 安装插件

    进入 File -> Settings -> Plugins  ,搜索你想要安装的插件

  9. Web 开发人员推荐的通用独立 UI 组件

    现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高.在推荐完图形库之后,再来推荐一些精品的独立 UI 组件.这些组件可组合在一起,形成美观而交互强大的 Web UI . 给 We ...

  10. linux切换普通用户遇bash-4.1解决

    1,修改vim  /etc/passwd 把对应用户的登陆环境改成,/bin/bash 2,复制配置 cp -a /etc/skel/. /home/www/ 3再次尝试su www有效