jq select 操作
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 操作相关推荐
- jq select操作全集
添加option $("#ID option").each(function(){ if($(this).val()==111){ $(this).remove(); } }); ...
- html表格联动,html前端基础:table和select操作
html前端基础:table和select操作 发布时间:2020-05-13 09:58:10 来源:亿速云 阅读:196 作者:Leah 这篇文章主要为大家详细介绍html前端基础中有关table ...
- golang基础-chan的select操作、定时器操作、超时控制、goroutine中使用recover
chan的只读和只写 a.只读chan的声明 Var 变量的名字 <-chan int Var readChan <- chan int b. 只写chan的声明 Var 变量的名字 ch ...
- 自动化测试之键盘操作和select操作
键盘操作 from selenium import webdriver from selenium.webdriver.common.keys import Keysdriver=webdriver. ...
- nhibernate3 linq的的select 操作
ling 的select 操作1 ,看了2天nhibernate的官方网站,基本方法测试了.等有空把nhibernate的源码下拉研究下 View Code using System; using S ...
- jQuery对select操作(2)
jQuery对select操作 (2009-04-02 18:46:03) 转载 标签: jquery select option 获取 自定义 属性 it 分类: javascript //遍历op ...
- oracle数据库内核,深入内核:Oracle数据库里SELECT操作Hang解析
崔华,网名 dbsnake Oracle ACE Director,ACOUG 核心专家 编辑手记:感谢崔华授权我们独家转载其精品文章,也欢迎大家向"Oracle"社区投稿. 我们 ...
- 035——VUE中表单控件处理之使用vue控制select操作文字栏目列表
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery中select操作 jquery中select操作函数和字段包括append.prepend.remove.fi ...
- jq样式操作和效果(显示隐藏,滑入滑出,淡入淡出)
jq样式操作和效果 1.样式 1.jq设置样式 $("div").css('属性','值'); 2.jq排他思想 //多选一.排他思想,当前元素设置样式,其与兄弟清除样式 $(th ...
最新文章
- MAC中 jd-gui 下载java反编译的工具及安装
- MoinMoin Wiki 1.7优化与维护经验
- Servlet与缓存
- springcloud(六):配置中心git示例
- linux驱动中使用定时器
- 小球(信息学奥赛一本通-T1363)
- linux ioctl及ioctl command
- Java关键字与保留字说明及使用
- BZOJ5243 : [Lydsy2017省队十连测]绝版题
- 依赖注入框架 wire
- WinAPI: MoveWindow - 改变窗口的位置与大小
- 线型符号 matlab,Matlab---画图线型、符号及颜色
- 腾讯/京东/网易校招笔试刷人超70%,这份笔试自救指南请收好
- PHP - 收藏集 - 掘金
- 织梦后台模块管理空白不显示的解决方法
- 对垒以太网10BASE-T1S,CAN XL能后来居上么?
- 2021年全球与中国椭圆形板簧行业市场规模及发展前景分析
- enq:TM-contention
- 大数据学习笔记(二)hadoop
- PyQt4 做界面,编辑文字 QtGui.QLabel遇到文字显示不出来
热门文章
- 基于端到端深度强化学习的柔性作业车间调度问题研究
- 【事件驱动】【数码管识别】 一台电脑能接多少台USB设备
- 基于二进制粒子群算法的配电网故障诊断- 附代码
- 智能优化算法应用:基于麻雀搜索算法无线传感器网络(WSN)覆盖优化 - 附代码
- 从零基础入门Tensorflow2.0 ----六、31 kaggle 10 monkeys模型微调
- 详解第一个CUDA程序kernel.cu
- Python 3 实现冒泡排序
- matlab经验正交分解函数EOF的实现—基于Climate Data Toolbox操作
- KMP算法------字符串匹配问题
- 开启协程_一篇文章搞懂Python协程