<!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. HashMap的一些学习

    1.equals和==的对比==用于比较引用和比较基本数据类型时具有不同的功能:A:比较基本数据类型,如果两个值相同,则结果为true而在比较引用时,如果引用指向内存中的同一对象,结果为true; e ...

  2. vue koa2 mongodb 从零开始做个人博客(一) 登录注册功能前端部分

    0.效果演示 插入视频插不进来,就很烦.可以出门右拐去优酷看下(点我!). 1.准备工作 1.1前端框架 前端使用了基于vue.js的nuxt.js.为什么使用nuxt.js? 首先我做的是博客的项目 ...

  3. ECMAScript基本语法——⑦js特殊的语法

    定义方法 无法弹出因为是局部变量 可以弹出因为是全局变量 这样写可读性比上面的高

  4. Jungle Roads POJ - 1251 模板题

    #include<iostream> #include<cstring> #include<algorithm> using namespace std; cons ...

  5. lampp ERROR 1044 (42000): Access denied for user ''@'localhost' to database 'lepus'

    解决方法: 在[mysqlld]段下增加如下代码:skip-grant-tables: 1.which mysql 查看mysql位置,例如:/opt/lampp/bin/mysql 2.进入配置my ...

  6. Linux环境下C语言线程创建---简单代码

    在Linux环境下用C语言编写线程创建. //file name: pthreadtext.c #include <stdio.h> #include <pthread.h> ...

  7. C编译过程

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

  8. rest_framework:响应器（渲染器）

    一.作用: 根据用户的请求url或者用户可接受的类型.筛选出合适的渲染组件 用户请求url: http://127.0.0.1:8000/test/?format=json http://127.0. ...

  9. Appnium 环境搭建

    NodeJs 下载安装 npm install -g appium-doctor Java JDK jdk-8u241-windows-x64 添加环境变量:JAVA_HOME 在环境变量Path中添 ...

  10. docker 免sudo设置（仅3个命令）

    首先,下载docker, 需3话: sudo apt install docker.io sudo systemctl start docker sudo systemctl enable docke ...