Select 标签的默认值设置
2024-09-29 13:16:13
以下是网上“借鉴”的:(http://blog.csdn.net/nairuohe/article/details/6307367/)
比如<select class="selector"></select>
1、设置value为pxx的项选中
$(".selector").val("pxx");
等价于:document.getElementsByClassName("selector").value=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);
});
最新文章
- [NHibernate]O/R Mapping基础
- css设置input中placeholder字体
- TextInfo
- Nginx在Windows系统和Linux系统下的重启
- SqlServer表数据与excel中数据的互相复制
- win xp32位与64位怎么查看是多少位系统
- 【转】Spark快速入门指南
- IoC模式(Inversion of Control)
- hazelcast的坑爹事
- Android Studio试用总结
- kali linux
- 从你的全世界切过(胡说八道支持向量机SVM小故事)
- CS:APP3e 深入理解计算机系统_3e CacheLab实验
- 林业有害生物监测系统(重庆宇创GIS)
- 阿里云服务器搭建SS代理教程!!!
- 20155205 郝博雅 Exp3 免杀原理与实践
- maven 聚合工程 用spring boot 搭建 spring cloud 微服务 模块式开发项目
- 配置webpack loader vue 报错:Module build failed: TypeError: this._init is not a function
- NOIP2012 普及组 寻宝
- 2018.11.06 bzoj1912: [Apio2010]patrol 巡逻(树形dp)