JQUERY获取form表单值

      jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作;假如我们有如下页面:

 <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()；//清空下拉框

 

评论

10 楼 javaAlpha 2009-10-13  

写的不错 学习一下 最近也在研究jquery

9 楼 mark35 2009-07-21  

xuganggogo 写道

假如一个页面中有5个表单，每个表单都有id=“xx”的field，我要怎么取得某一个表单中id=“xx”的值？

没明白你的需求。如果你知道是要取“哪个”表单中元素的值，那么可以
1、给这些不同表单中相同（属性）元素定义不同的id值（name可以相同）；
2、给不同表单定义不同的id值，取值元素使用相同的name（或class）属性（比如name='n1'），然后使用 $('#formX').find('[name=n1]').val(); 来取值。

8 楼 xuganggogo 2009-07-20  

mark35 写道

xuganggogo 写道

假如一个页面中有5个表单，每个表单都有id=“xx”的field，我要怎么取得某一个表单中id=“xx”的值？

id必须是唯一的。可以重复的name属性来定义元素。

3Q !!

7 楼 kjj 2009-07-19  

那样还用jquery干啥，看看序列化函数！

6 楼 mark35 2009-07-19  

xuganggogo 写道

假如一个页面中有5个表单，每个表单都有id=“xx”的field，我要怎么取得某一个表单中id=“xx”的值？

id必须是唯一的。可以重复的name属性来定义元素。

5 楼 struts 2009-07-07  

$("form").serialize()

4 楼 xuganggogo 2009-07-06  

假如一个页面中有5个表单，每个表单都有id=“xx”的field，我要怎么取得某一个表单中id=“xx”的值？

3 楼 jimmychenli 2008-12-15  

RossWan 写道

jQuery 本身就有表单元素的过滤器。如":text", ":radio" 等等。还有就是，如 $("input[@type=radio]") 这种 XPath 属性选择器，在 jQuery 1.2.x 版本就弃用了。可以改为 $('input[type="radio"]')，或者直接用表单元素过滤器 ： $(':radio') 。

哦，谢谢指点，这点属性以前没了解到，谢谢提醒，以后还请多指教

2 楼 RossWan 2008-12-14  

jQuery 本身就有表单元素的过滤器。如":text", ":radio" 等等。

还有就是，如 $("input[@type=radio]") 这种 XPath 属性选择器，在 jQuery 1.2.x 版本就弃用了。可以改为 $('input[type="radio"]')，或者直接用表单元素过滤器 ： $(':radio') 。

1 楼 xuyao 2008-12-12  

文章比较基础，头像照片不错