Jquery Dom节点常用操作
select 标签
form提交的时候 提交select标签选中的value值
1. 添加项
$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
2. 删除项
$("#select_id option:first").remove(); //删除第一项
$("#select_id option:last").remove(); //删除最后一项
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
3. 清空项
$("#select_id").empty();
$("#select_id").html('');
4. 设置select选中项
设置select选中的索引
$("#select_id").get(0).selectedIndex=index;// index为索引值
设置select 选中的value:
$("#select_id option[value='value2']").attr("selected", "selected");
$("#select_id").attr("value","Normal“);
$("#select_id").val("Normal");
$("#select_id").get(0).value = value;
试图设置select的text值都是无效的。
5. 获取select选中项
$("#select_id ").val();//获取select 所有的value值
$("#select_id ").text();//获取select 所有的text值
$('#select_id option:selected').val(); $('#select_id').find("option:selected").val()//获取select 选中的value值
$('#select_id option:selected').text(); $('#select_id').find("option:selected").text()//获取select 选中的text值
$('#select_id').get(0).selectedIndex; //获取select选中的索引
6. 触发事件
$('#select_id').change(function () {
alert('you click select_id');
});
input[type=checkbox] 标签
form提交的时候 当checkbox被选中时,字段被提交;当checkbox不被选中时,字段不被提交
最新文章
- Python学习Day2笔记(字符编码和函数)
- JavaScript面向对象与原型
- 把 MWeb Lite 的文档库文档和数据搬到 MWeb 正式版中
- SAP查询事务、表属于哪个模块
- Oracle的Numer类型与C,C#数据类型对应关系
- JAVA单例
- DP:Skiing(POJ 1088)
- c++继承中的内存布局
- NSNumber
- verilog中阻塞复制,非阻塞复制,顺序块,并行块之间的关系
- POJ-1003&;1004
- 【Tomcat】本地域名访问设置
- makefile的编写规则
- JAVA文件的两种读取方法和三种写入方法
- SpringBoot之文件读取
- 啰嗦的 java,简洁的 lombok —— lombok 的使用及简单实现单例模式注解
- [linux]关于deepin截图软件在KDE桌面下无法使用粘贴的解决方法
- c# word操作篇,解决字符串长度超过255就不能替换的问题
- ZooKeeper 集群的安装部署
- python使用外部PY文件的变量