关闭

jquery中Form相关操作

标签: jqueryserializeeachresetdisabled
401人阅读 评论(3) 收藏 举报
分类:

本文介绍jquery操作form表单中常用的操作方法:  

重置表单(reset)

通常我们提交表单都会通过ajax异步提交,在提交完成后需要手动清空input中所有输入的内容,但jquery不能直接reset一个form,而是通过如下实现:

$("#form_id").each(function(){this.reset()}); 

遍历input控件

按上一思路,如果我想遍历所有form内控件呢?$("#form_id").each(); ?实现上each中的this是对所有form中所有控件的操作,并不会单独返回每个控件的引用,只能通过如下:

$("#form_id input").each(function(){alert(this.id);}); 

序列化表单(serialize)

serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。例如下面的表单:

<form>
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div><input type="text" name="b" value="2" id="b" /></div>
  <div><input type="hidden" name="c" value="3" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g" />
  </div>
</form>
输出标准的查询字符串:
a=1&b=2&c=3&d=4&e=5

禁用与启用input控件

正常的禁用input控件,直接设置disabled属性:

$("#input_id").attr("disabled","disabled");
然而,启动并不是设置disabled为false,,,而是:
$("#input_id").removeAttr("disabled"); 




4
1

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:49223次
    • 积分:396
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:1篇
    • 译文:0篇
    • 评论:6条
    文章分类
    最新评论