<!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. ntoskrnl.exe导致蓝屏解决方法

    背景 博主电脑近段时间经常蓝屏,主要表现在开关机.重启等操作上: 使用 BlueScreenView 查看C:\Windows\Minidump下的bmp文件,关键信息如下: 解决方法 查阅网上的各种 ...

  2. 1级搭建类110-Oracle 18c SI FS（Windows Server 2019）公开

    Oracle 18c 单实例文件系统在Windows Server 2019上的安装 在线查看

  3. WPF实现高仿统计标题卡

    飘哇~~~,在家数瓜子仁儿,闲来无事,看东看西,也找点儿,最近正在看看WPF动画,光看也是不行,需要带着目的去学习,整合知识碎片,恰巧,看到Github中一个基于Ant Designer设计风格的后台 ...

  4. 网络中的 TCP/IP

    TCP/IP OSI的“实现”:TCP/IP OSI七层模型 TCP/IP概念层模型 功能 TCP/IP协议族 应用层 应用层 文件传输.电子邮件.文件服务.虚拟终端 FTP,HTTP,SMTP,SN ...

  5. 关于Javascript闭包的理解

    以下内容属个人理解,如有看不明白或漏洞之处,纯属水平不佳,还望见谅. 关于闭包,高程里的定义是:指有权访问另一个函数作用域中的变量的函数.创建闭包最常见的方法就是在一个函数的内部再创建一个函数. 这里 ...

  6. redis安装并设置开机启动

    1.下载并上传redis安装包至linux服务器目录:/usr/local/redis. 2.解压:tar -zxvf redis-5.0.7.tar.gz 3.编译安装:make && ...

  7. Wannafly Camp 2020 Day 1A 期望逆序对 - 概率期望

    分类讨论即可 #include <bits/stdc++.h> using namespace std; #define int long long const int N = 5005; ...

  8. 区间无修改莫队学习笔记（lg1494小z的袜子）

    这几天感觉要学的要做的有点多,就偷了个懒没写笔记,赶紧补一下 莫队嘛,一个离线处理各种区间(或树上)询问的神奇算法 简单而言,按左端点排个序然后指针l,r递推就好了 复杂度证明貌似是不待修改的n^1. ...

  9. C/C++ Windows API——获取系统指定目录（转）

    原文地址:C/C++ Windows API——获取系统指定目录 经测试,在win10 VS2017中用wprintf()输出正常,SHGetSpecialFolderPath函数也正常运行 但是用M ...

  10. C编译过程

    system()调用系统命令 C语言源代码——> 预编译(1.去掉注释:2.包含文件)——> gcc -o a.o a.c 编译(编译成二进制质量)——> 链接系统库函数——> ...