jQuery获取selected,checked,text等表单值
来源:互联网 发布:淘宝宝贝地址怎么改 编辑:程序博客网 时间:2024/05/29 13:04
其操作过程如下:
1,jQuery获取object对象,如下拉框select对象,单选框radio对象,复选框checkbox对象,文本框text对象;
2,获取对象值,对于值唯一的元素,如select,radio,text通过get()方法获取value值,对于数据元素,如checkbox通过each循环获取value值
为什么是get(0)?
get(0)如同数组下标,默认值是从0开始的
实例表明,掌握jQuery的object对象调用对于获取表单元素非常有用,可以获取下拉框selected值,复/单选框checked值,文本text的value值,增强我们制作表单元素的交互性与灵活性,上面实例中主要考虑到jQuery对象的调用原理,代码相对比较多,实际使用中完全可以精简代码行如下:
1,获取selected值:$("#selectId option:selected").get(0).value
2,获取radio checked值:$("[name='radioId'][@checked]").get(0).value
3,获取text value值:$("#textId").get(0).value
获取表单元素值主要是jQuery中get()对象访问方法,其次是each()方法,记住一点:$(#id)产生的是一个对象,获取其中的值完全可以使用jQuery对象访问方法。
jQuery对象访问方法列表如下:
1,each()循环,相当于foreach;
2,size()统计个数;
3,length()统计个数;
4,get()单个或多个;
5,index()索引;
jQuery提供丰富的object对象访问方法,通过对访问对象方法的掌握,轻松获取selected,checked,text等表单值。
javascript代码实例:
select元素:
<select name="selectname" onchange="changeValue(this);">
<option value="com">阿斯顿飞</option>
<option value="cn">高合金钢</option>
</select>
javascript function代码:
function changeValue(obj){
obj.options[obj.selectedIndex].text
obj.options[obj.selectedIndex].value
}
其中obj.selectedIndex表示select的索引值,数字;obj.options[]表示option集合的数组,因些,obj.options[obj.selectedIndex].text获取文本值,
而obj.options[obj.selectedIndex].value获取select的值,如:com
二,JQuery代码实例:
select元素:
<select name="selectname" id="selectname">
<option value="com">阿斯顿飞</option>
<option value="cn">高合金钢</option>
</select>
JQuery function代码:
$("#selectname").change(function(){
jQuery('option:selected', this).each(function(){
this.value
});
});
通过select的ID直接获取option值,this.value获取option的值,如:biuuu.com
使用非常简单,兼容firefox与IE,通过JQuery与javaScript获取select对象元素,实现所需要的功能。
- jQuery获取selected,checked,text等表单值
- jQuery表单选择器(:input/:text/:password/:radio/:checkbox/:submit/:image/:checked/:selected)
- jquery表单input 对象的属性 selected,checked
- jquery表单对象属性选择器:enabled、:disabled、:checked、:selected
- JQUERY获取form表单text,areatext,radio,checkbox,select值
- JQUERY获取form表单text,areatext,radio,checkbox,select值
- JQUERY获取form表单text,areatext,radio,checkbox,select值
- jquery 获取checked选中的值
- Jquery attr("checked") attr("selected") 失效的问题
- Jquery 获得Form下的所有text、checkbox等表单的值
- Jquery 获得Form下的所有text、checkbox等表单的值
- jquery获取表单值
- JQuery获取表单值
- Jquery 获取表单text,areatext,radio,checkbox,select值的代码
- Jquery使用attr("checked")获取的值为undefined
- jquery获取CheckBox的checked属性值问题
- jQuery获取Select选中的Text和Value,根据Value值动态添加属性等
- jQuery获取Select选中的Text和Value,根据Value值动态添加属性等
- 男人的生活质量取决于他所娶的女人
- EJB3.0消息驱动bean(MDB)
- resbuf的理解
- 减肥时饭后九件事不可做
- 谷歌退出CN
- jQuery获取selected,checked,text等表单值
- Ftp 上传类
- SEO优化的几点误区
- VS2008 和.NET Framework3.5新功能及相关技术
- 生活家健康指南:创可贴使用四大误区
- 小两口吵架 摔什么东西最划算?
- http管道 初体验
- 牛人十个月自学C++ 现在做C#开发工作(转帖)
- AIX 5.3 AIO (Asynchronous I/O) Tuning