<!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. 2级搭建类203-Oracle 19c SI ASM 静默搭建（OEL7.7）

    Oracle 19c 单实例 ASM UDEV 方式在 OEL 7.7 上的安装

  2. tomcat-embeded-core源码编译

    使用spring-boot创建web工程时,默认采用embeded tomcat作为容器,实际使用过程中,可能会需要对其中的某些功能做微调,而tomcat又没有给出预留配 ,这时就需要对tomcat- ...

  3. C++->以读或写方式打开一个文件

    以读或写方式打开一个文件 #include<iostream.h>   //.h以C|非C标准引用库文件 #include<fstream.h> #include<std ...

  4. JavaScript仿计算器案例源代码

    效果图 index.html <!DOCTYPE html> <html> <head> <title></title> <link ...

  5. linux常见目录介绍

    /bin:/usr/bin: 可执行二进制文件目录,如常用命令ls.cat /boot: 放置linux启动时用到的一些文件,建议分区的时候独立分区 /dev: 存在linux系统下的设备文件,访问该 ...

  6. 【vue 权威指南】 学习笔记 二

    1.指令 1.1内部指令 基础指令:v-show , v-else , v-model , v-repeat , v-for , v-text , v-el , v-html , v-on , v-b ...

  7. 0002 PyCharm设置

    1 设置编码格式 File/Settings/Editor/File Encodings 2 设置字体 File/Settings/Editor/Font 3 鼠标滚轮改变编辑器字体大小 File/S ...

  8. java中拦截器与过滤器

    注:文摘自网络,仅供自己参考 1.首先要明确什么是拦截器.什么是过滤器 1.1 什么是拦截器: 拦截器,在AOP(Aspect-Oriented Programming)中用于在某个方法或字段被访问之 ...

  9. [USACO09JAN]Total Flow【网络流】

    Farmer John always wants his cows to have enough water and thus has made a map of the N (1 <= N & ...

  10. 数据结构KMP算法中手算next数组

    总结一下今天的收获(以王道数据结构书上的为例子,虽然我没看它上面的...):其中竖着的一列值是模式串前缀和后缀最长公共前缀. 最后求得的结果符合书上的结果,如果是以-1开头的话就不需要再加1,如果是以 ...