JQUERY获取form表单值的代码


Posted in Javascript onJuly 17, 2010

假如我们有如下页面:
<input type="text" name="textname" id="text_id" value="">
...........在此不写出来了

下面来看怎么取得FORM中的各种值等等;
function get_form_value(){
/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");//或者
var textval = $("#text_id").val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]").val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表中所有的值*/
var selectval = $('#select_id').val();
//获取下拉列表选取中的值,此方法针对所有下拉框都起作用的
//此方法针对所有下拉框都起作用的
//如果针对某ID进行获取,$(‘#id>option').each()即可

$('select>option').each(function(){
if($(this).attr('selected')==true)
{
alert($(this).text());
}
})
}
3.另外对表单的其他处理:
//控制表单元素:
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框

Javascript 相关文章推荐
利用window.name实现windowStorage代码分享
Jan 02 Javascript
Javascript排序算法之计数排序的实例
Apr 05 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 Javascript
让angularjs支持浏览器自动填表
Nov 10 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
Sep 17 Javascript
js获取页面及个元素高度、宽度的代码
Apr 26 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
Jun 19 Javascript
详解Node.js access_token的获取、存储及更新
Jun 20 Javascript
JS获取子、父、兄节点方法小结
Aug 14 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 Javascript
VUE实现强制渲染,强制更新
Oct 29 Javascript
jQuery+ajax实现顶一下,踩一下效果
Jul 17 #Javascript
flexigrid 类似ext grid的JS表格代码
Jul 17 #Javascript
基于JQuery的Pager分页器实现代码
Jul 17 #Javascript
基于jQuery的Spin Button自定义文本框数值自增或自减
Jul 17 #Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 #Javascript
JavaScript.Encode手动解码技巧
Jul 14 #Javascript
JavaScript中的一些定位属性[图解]
Jul 14 #Javascript
You might like
php 无限级缓存的类的扩展
2009/03/16 PHP
PHP 缓存实现代码及详细注释
2010/05/16 PHP
关于PHP中Object对象的笔记分享
2011/06/28 PHP
浅谈PHP强制类型转换,慎用!
2013/06/06 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
神盾加密解密教程(三)PHP 神盾解密工具
2014/06/08 PHP
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
2012/05/04 Javascript
js仿百度有啊通栏展示效果实现代码
2013/05/28 Javascript
javascript 手动给表增加数据的小例子
2013/07/10 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
js实现遮罩层划出效果是生成div而不是显示
2014/07/29 Javascript
简单的jQuery banner图片轮播实例代码
2016/03/04 Javascript
JS中创建函数的三种方式及区别
2016/03/13 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
2016/07/04 Javascript
vue2 自定义动态组件所遇到的问题
2017/06/08 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
如何从头实现一个node.js的koa框架
2019/06/17 Javascript
[02:40]DOTA2英雄基础教程 巨牙海民
2013/12/23 DOTA
Python collections模块实例讲解
2014/04/07 Python
Python中的with...as用法介绍
2015/05/28 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
python一键升级所有pip package的方法
2017/01/16 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
在keras下实现多个模型的融合方式
2020/05/23 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
英国在线自行车商店:Evans Cycles
2016/09/26 全球购物
日语专业毕业生自荐信
2013/11/11 职场文书
追悼会子女答谢词
2014/01/28 职场文书
文体活动总结范文
2014/05/05 职场文书
施工质量承诺书范文
2014/05/30 职场文书
志愿者个人总结
2015/03/03 职场文书
闪闪的红星观后感
2015/06/08 职场文书
详解Vue的列表渲染
2021/11/20 Vue.js