select 遇到的坑

一、select遇到的坑

     1、select赋默认值--多选和单选

          1.1     单选:$('#id').val( value );     //这里是字符串

          1.2     多选:$('#id').val( array );     //这里必须将多个值组成的字符串(或者其他非数组)转化成数组

               1.2.1     字符串转数组:str.split(",");     //改变原字符串,不创建新的数组,所以改变原字符串为数组,只需要    str.split(",");即可

               1.2.2     数组转字符串:array.join(",");     //创建新的字符串,不会改变原来的数据,所以如果需要修改原数组为字符串,需要将array = array.join(",");

               1.2.3     类似的splice()方法改变原数据,slice方法创建新的数据,不改变原数据

     2、select中没有特定option选项,但是需要将此值设为默认值(业务需求)

          2.1     概念性理解:select赋值(或者默认值)是建立在option选项存在的条件下(option中的value),没有某option,则该值无法被赋值

          2.2     将该option选项设置为disabled。但是此时disabled的数据,后台无法获取---》可以在提交的时候,将原本disabled的数据变为可编辑

          《 $('.disabled').attr("disabled", true) --> $('.disabled').attr("disabled", false)

          2.3     将option选项display: hidden;     //无效!!!

     3、使用select2插件,select框中需要设置互斥选项     (例如:当选择全部的时候,其他选项清空只有全部,当选择其他选项时,没有全部这个选项,即互斥。或者说两者之间选择后选项(后面选择的项替代当前选项))

             $('#areaItem').on('change', function() {     // select 改变事件
                        var _this = $(this);
                        var codes = _this.val();
                        if (codes[0] === '0') {     //0代表全部
                            _this.val(0);
                            _this.trigger('change.select2');
                        }
                    });

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏十月梦想

字符串对象位置相关操作

8120
来自专栏北京马哥教育

一篇文章学会shell工具篇之sed

? sed工具执行原理; 有关sed的参数及action的常见操作方法; 定址; 模式空间和保持空间; 使用标签 1.首先先来了解一下什么是sed? sed叫...

33370
来自专栏技术博文

php面试题整理

1.禁用COOKIE 后 SEESION 还能用吗? 答:通常服务器端的session是借助于seesion cookie来和客户端交互的。 但如果客户端禁用了...

43280
来自专栏Python中文社区

Python的with语句与上下文管理器详解

博客:https://www.jianshu.com/u/45eabf52c017

13630
来自专栏IMWeb前端团队

Promise接口实现之jQuery 的deferred对象

本文作者:IMWeb json 原文出处:IMWeb社区 未经同意,禁止转载 Promise是什么? 我们知道JavaScript是单线程,如果遇到某...

206100
来自专栏移动端开发

iOS 开发之Block

iOS 开发之Block 一:什么是Block。Block的作用      UI开发和网络常见功能的实现回调,按钮事件的处理方法是回调方法。     1.   ...

216100
来自专栏ml

jsp基础知识(基本的语法及原理)

     jsp 语法分为三种不同的类型: (1)  编译器指令: 类如: <%@ page import="java.io.*"%> (2)  脚本语法:  ...

29040
来自专栏前端杂货铺

内置对象,原生对象和宿主对象

js内置对象是ECMAScript规范中要求实现的一些函数和对象,具体包括Object,Function,Number,Boolean,Array, Strin...

31250
来自专栏Hongten

try {}里有一个return语句,那么紧跟在这个try后的finally {}里的code会不会被执行,什么时候被执行,还是在return之后执行?

上图是程序执行到了try模块中的return语句时,按下F5键,进入到finally模块,执行finally模块中的语句后,变量"i"的值发生了变化。

13430
来自专栏老马寒门IT

Node入门教程(5)第四章:global 全局变量

global - 全局变量 全局对象(global object),不要和 全局的对象( global objects )或称标准内置对象混淆。这里说的全局的对...

31040

扫码关注云+社区

领取腾讯云代金券