jquery获取表单,jquery获取表单元素

使用jquery获取表单字符串并且以url显示：userName=123&password=abc

方法一，使用表单序列化方法实现：

10年积累的成都做网站、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先制作网站后付款的网站建设流程，更有武穴免费网站建设让你可以放心的选择与我们合作。

var result = $("#abc").serialize();

方法二，获取表单内容后拼接：

var result = "userName=" + $("#abc input[name='userName']").val() + "password=" + $("#abc input[name='password']").val();

获取值：

文本框，文本区域：$("#txt").attr("value")；

多选框checkbox：$("#checkbox_id").attr("value")；

单选组radio： $("input[@type=radio][@checked]").val();

下拉框select： $('#sel').val();

控制表单元素：

文本框，文本区域：$("#txt").attr("value",'');//清空内容

$("#txt").attr("value",'11');//填充内容

多选框checkbox： $("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("option value='1'1111/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option

$("#sel").empty()；//清空下拉框.

serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。

您可以选择一个或多个表单元素（比如 input 及/或文本框），或者 form 元素本身。

序列化的值可在生成 AJAX 请求时使用。

原生js是通过value属性来获取/设置表单内容

jQuery中是通过 val() 方法来获取/设置表单内容

动态数据添加和删除练习:

网站栏目：jquery获取表单,jquery获取表单元素
网站URL：http://ybzwz.com/article/hocsep.html