<!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. Vue tinymce富文本编辑器

    tinymce 官方为 vue 项目提供了一个组件 tinymce-vue 一.安装tinymce-vue npm install @tinymce/tinymce-vue -S 二.下载tinymc ...

  2. 用 ArcMap 发布 ArcGIS Server Feature Server Feature Access 服务

    1. 安装Desktop, 2. 安装ArcGIS Server 3. 安装PostgreSQL 9.5 从 C:\Program Files (x86)\ArcGIS\Desktop10.5\Dat ...

  3. ControlTemplate in WPF

    Shared in all file window Button CheckBox Radiobutton Textbox ComboBox ListBox ItemsControl TreeView ...

  4. codeforces 99999/553 Sultan's Pearls Solution 珍珠 题解

    文章目录 珍珠 题意 分析 增加限定条件 去掉限定条件 Code 珍珠 题意 一共n课珍珠,m颗悬挂,其余在桌子上.如图所示. 仆人每天从某一端"借"一颗珍珠珠.主人每天都会检查悬 ...

  5. source insight增加tab标签页的方法之sihook

    1.效果如下 2.方法见如下博客 http://www.cnblogs.com/Red_angelX/archive/2013/01/23/2873603.html

  6. python 轮询，长轮询

    轮询相关 用于消息和投票等 轮询 1.采用js 定时请求. html <!DOCTYPE html> <html lang="zh-CN"> <hea ...

  7. JS编解码与Java编解码的对应关系

    最近前段在导出数据时会遇到“illegal character”的异常错误,结果发现是在请求地址中请求参数包含了空白字符(其编码为%C2%A0)或者是空格字符(其编码为%20),之前对空格字符情况是做 ...

  8. Robot Framework选择定位option类型下拉框

    页面下拉框一般有两种类型,一种是div标签的,一种是option类型的,比如: div标签类型则可以通过定位进行元素点击去选择对应的枚举参数则可,而option类型的下拉选项则通过Selenium2L ...

  9. 自定义结构体 Map

    struct Hashmap{ ,maxe=; ],nxt[maxe+],w[maxe+]; ]; ;;} void Add(int x,int y){son[++E]=y;nxt[E]=lnk[x] ...

  10. 强网杯2018 - nextrsa - Writeup

    强网杯2018 - nextrsa - Writeup 原文地址:M4x@10.0.0.55 所有代码均已上传至我的github 俄罗斯套娃一样的rsa题目,基本把我见过的rsa套路出了一遍,值得记录 ...