2019独角兽企业重金招聘Python工程师标准>>>

<select disabled="disabled" name="typename" class="form-field  col-sm-12 selecttype  ">
             
              
               <option value="2">重点工作</option>
                <option value="1">OKR</option>
             </select>

// select 设置选中值
        $(".selecttype").val(data.type + "");

可以参考 form 的 操作select 代码:

form.find('select').each(function() {
            var name = $(this).attr('name');
            try {
                if (name == p && name != breakFields) {
                    var value = result[p].toString();
                    if (isNotEmpty(value)) {
                        //console.log(name+" select value:"+value);
                        if (value.indexOf(",") != -1) {
                            var vals = value.split(",");
                            for (var dex = 0; dex < vals.length; dex++) {
                                //console.log(" select dex:"+dex+",val:"+vals[dex]);
                                $(this).find("option[value=" + vals[dex] + "]").prop('selected', true);
                            }
                        } else {
                            $(this).find("option[value=" + value + "]").prop('selected', true);
                        }
                    }
                    isContinue = true;
                    return false;
                }
            } catch (e) {
                console.log(e);
            }
        });

参考地址:

http://blog.csdn.net/nairuohe/article/details/6307367

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。

比如<select class="selector"></select>

1、设置value为pxx的项选中

$(".selector").val("pxx");

2、设置text为pxx的项选中

$(".selector").find("option[text='pxx']").attr("selected",true);

这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$(".selector").val();

4、获取当前选中项的text

$(".selector").find("option:selected").text();

这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jQuery中是非常简单的。

如:$(".selector1").change(function(){

// 先清空第二个

$(".selector2").empty();

// 实际的应用中,这里的option一般都是用循环生成多个了

var option = $("<option>").val(1).text("pxx");

$(".selector2").append(option);

});

转载于:https://my.oschina.net/u/2419285/blog/819041

jq select 操作相关推荐

  1. jq select操作全集

    添加option $("#ID option").each(function(){ if($(this).val()==111){ $(this).remove(); } }); ...

  2. html表格联动,html前端基础:table和select操作

    html前端基础:table和select操作 发布时间:2020-05-13 09:58:10 来源:亿速云 阅读:196 作者:Leah 这篇文章主要为大家详细介绍html前端基础中有关table ...

  3. golang基础-chan的select操作、定时器操作、超时控制、goroutine中使用recover

    chan的只读和只写 a.只读chan的声明 Var 变量的名字 <-chan int Var readChan <- chan int b. 只写chan的声明 Var 变量的名字 ch ...

  4. 自动化测试之键盘操作和select操作

    键盘操作 from selenium import webdriver from selenium.webdriver.common.keys import Keysdriver=webdriver. ...

  5. nhibernate3 linq的的select 操作

    ling 的select 操作1 ,看了2天nhibernate的官方网站,基本方法测试了.等有空把nhibernate的源码下拉研究下 View Code using System; using S ...

  6. jQuery对select操作(2)

    jQuery对select操作 (2009-04-02 18:46:03) 转载 标签: jquery select option 获取 自定义 属性 it 分类: javascript //遍历op ...

  7. oracle数据库内核,深入内核:Oracle数据库里SELECT操作Hang解析

    崔华,网名 dbsnake Oracle ACE Director,ACOUG 核心专家 编辑手记:感谢崔华授权我们独家转载其精品文章,也欢迎大家向"Oracle"社区投稿. 我们 ...

  8. 035——VUE中表单控件处理之使用vue控制select操作文字栏目列表

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  9. jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery中select操作 jquery中select操作函数和字段包括append.prepend.remove.fi ...

  10. jq样式操作和效果(显示隐藏,滑入滑出,淡入淡出)

    jq样式操作和效果 1.样式 1.jq设置样式 $("div").css('属性','值'); 2.jq排他思想 //多选一.排他思想,当前元素设置样式,其与兄弟清除样式 $(th ...

最新文章

  1. MAC中 jd-gui 下载java反编译的工具及安装
  2. MoinMoin Wiki 1.7优化与维护经验
  3. Servlet与缓存
  4. springcloud(六):配置中心git示例
  5. linux驱动中使用定时器
  6. 小球(信息学奥赛一本通-T1363)
  7. linux ioctl及ioctl command
  8. Java关键字与保留字说明及使用
  9. BZOJ5243 : [Lydsy2017省队十连测]绝版题
  10. 依赖注入框架 wire
  11. WinAPI: MoveWindow - 改变窗口的位置与大小
  12. 线型符号 matlab,Matlab---画图线型、符号及颜色
  13. 腾讯/京东/网易校招笔试刷人超70%,这份笔试自救指南请收好
  14. PHP - 收藏集 - 掘金
  15. 织梦后台模块管理空白不显示的解决方法
  16. 对垒以太网10BASE-T1S,CAN XL能后来居上么?
  17. 2021年全球与中国椭圆形板簧行业市场规模及发展前景分析
  18. enq:TM-contention
  19. 大数据学习笔记(二)hadoop
  20. PyQt4 做界面,编辑文字 QtGui.QLabel遇到文字显示不出来

热门文章

  1. 基于端到端深度强化学习的柔性作业车间调度问题研究
  2. 【事件驱动】【数码管识别】 一台电脑能接多少台USB设备
  3. 基于二进制粒子群算法的配电网故障诊断- 附代码
  4. 智能优化算法应用:基于麻雀搜索算法无线传感器网络(WSN)覆盖优化 - 附代码
  5. 从零基础入门Tensorflow2.0 ----六、31 kaggle 10 monkeys模型微调
  6. 详解第一个CUDA程序kernel.cu
  7. Python 3 实现冒泡排序
  8. matlab经验正交分解函数EOF的实现—基于Climate Data Toolbox操作
  9. KMP算法------字符串匹配问题
  10. 开启协程_一篇文章搞懂Python协程