select超全超详细总结篇
2024-10-10 16:42:39
1.经常使用到select,每次都是翻翻翻资料,干脆总结一下,方便日后查看。
2.checked 匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)
selected 匹配所有选中的option元素
disabled 匹配所有不可用元素
可通过 $("input[name='newsletter']").prop('checked'); 设置
3.prop 和 attr 的区别
具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),
其他的使用 attr()
1.html
<select id="select">
<option value="1" name="Volvo">Volvo</option>
<option value="2" name="Saab">Saab</option>
<option value="3" name="Opel">Opel</option>
<option value="4" name="Audi">Audi</option>
</select>
2.javascript
$("#select").val("4"); //设置value为4的值选中
$("#select").find("option[name='Opel']").prop("selected",true); //设置name为pxx的项选中
var nowval = $("#select").val(); //获取当前选中的value值
var nowtext = $("#select").find("option:selected").text(); //获取当前选中的text值
注意:
类似标签[属性='值']这种叫做属性选择器,即选中属性=值的标签,但是,dom里面是没有text属性的,所以option[text='1']是非法的。故不能
$("#select option[text='1']).prop("selected",true);
最新文章
- Windows 8 下离线安装。net Framework 3.5
- javaweb学习第一天 debug
- url rewrite优化url的可读性
- PHP 设计模式 笔记与总结(3)SPL 标准库
- Redis学习手册(Key操作命令)
- C++ const &;&; 二叉树合集
- Part 36 to 39 Talking about Delegates in c#
- Qt-获取网络接口信息的综合示例
- 【重要版本】Firefly alpha beta v1.2.2 正式发布
- Redis操作List工具类封装,Java Redis List命令封装
- [转贴]实践:C++平台迁移以及如何用C#做C++包装层
- PHP中反射的简单实用(动态代理)
- Python Spider - urllib.request
- ava怎样将";1413863429";字符串转换成datetime格式
- UOJ#405. 【IOI2018】组合动作
- chrome扩展应用API
- Django项目在linux系统中虚拟环境部署
- 20180429 xlVBA套打单据批量复制
- logback日志模板与详解
- Python unittest模块心得(一)