jquery中对表单属性的操作总结
来源:互联网 发布:提高php水平 编辑:程序博客网 时间:2024/06/06 04:19
由于最近在工作中对表单的接触比较多,对表单的属性操作也比较多,因此总结一下jquery中对表单属性的操作,方便以后工作中的使用。
1.获取下拉框的选取值/文本有以下几种方法
(1)$("#select_id option:selected").text();//获取文本
(2)$("#select_id").find('option:selected').text();//获取文本
(3)$("#testSelect").val();//获取值
(4)$("select[@name=items] option[@selected]").text();//获取select被选中项的文本
(5)$('#select_id')[0].selectedIndex = 1;//radio单选组的第二个元素为当前选中值
//获取索引值
(6)var checkIndex=$("#select_id").get(0).selectedIndex;//获取Select选择的索引值
(7)var maxIndex=$("#select_id option:last").attr("index");//获取Select最大的索引值
2.为下拉框添加值,删除值
(1)$("#select_id").append("<option value='Value'>Text</option>");//为Select追加一个Option(下拉项)
(2)$("#select_id").prepend("<option value='0'>请选择</option>");//为Select插入一个Option(第一个位置)
(3)$("#select_id option:last").remove();//删除Select中索引值最大Option(最后一个)
(4)$("#select_id option[index='0']").remove();//删除Select中索引值为0的Option(第一个)
(5)$("#select_id option[value='3']").remove();//删除Select中Value='3'的Option
(6)$("#select_id option[text='4']").remove();//删除Select中Text='4'的Option
(7)$("#select_id ").get(0).selectedIndex=1;//设置Select索引值为1的项选中
(8)$("#select_id ").val(4);//设置Select的Value值为4的项选中
(9)$("#select_id option[text='jQuery']").attr("selected",true);//设置Select的Text值为jQuery的项选中
(10)为select添加新option
function addOption(newOption){ var len = $("select[@name=select_name] option").length if(newOption.value != "able_value"){ $("select[@name=select_name] option").each(function(){ if($(this).val() == 1){ $(this).remove(); } }); }else{ $("<option value='1'>an apple</option>").appendTo($("select[@name=select_name]")); } }
3.获取文本框的值
(1)$("#text").attr("value");
(2)$("#text").val();
4.设置文本框的值
5.获取复选框的值
6.判断/设置复选框是否选中
7.获取单选框的值
8.设置单选框是否被选中
- jquery中对表单属性的操作总结
- jQuery对表单的操作
- jQuery对表单的操作
- JQuery对表单元素的基本操作使用总结
- jquery中对select的操作总结
- Jquery对表单的一些操作
- jQuery对from表单元素的操作
- JQuery 对表单表格的操作
- Jquery对表单的一些操作
- jQuery对表单表格的操作
- jQuery对表单表格的操作
- jquery 对form表单的动态操作
- jquery对表单元素的一些操作
- jQuery对form表单的操作
- jQuery表单、表格的操作总结
- jQuery对标签属性的操作
- jquery对style属性的操作
- JQuery操作表单总结(不断总结中……)
- React-Native 中的生命周期
- Spring事务管理所遇到的坑
- OSGI企业应用开发(十五)基于Spring、Mybatis、Spring MVC实现一个登录应用
- Android 实现圆形图片的几种方法
- IDEA的配置JDK,Tomcat,Maven
- jquery中对表单属性的操作总结
- 起步
- Codeforces Round #398 (Div. 2) -- B. The Queue (贪心+暴力)
- 小白学习之(Lua(02))
- hdu 2669
- java ArrayList 排序
- matlab 实践程序2——批量将seq文件转化为avi文件
- string用法
- elasticsearch在C#中的使用