jquery：serilize使用方法

最新推荐文章于 2023-10-25 17:57:43 发布

活最好的自己

最新推荐文章于 2023-10-25 17:57:43 发布

阅读量1.1k

点赞数 1

分类专栏：工作日志 JQuery

本文链接：https://blog.csdn.net/lz465350/article/details/38849561

版权

工作日志同时被 2 个专栏收录

274 篇文章 0 订阅

订阅专栏

JQuery

45 篇文章 0 订阅

订阅专栏

1、serilize，他能够将表单中含有name属性的<input>,<textarea>以及<select>，不过只能在提交按钮提交后才实效。代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <title>tabs.html</title>
    <link type="text/css" href="../js/base/ui.all.css" rel="stylesheet" />
  

    <link type="text/css" href="../css/demos.css" rel="stylesheet"/>

    <script type="text/javascript" src="script/jquery-1.1.3.1.js"></script> 	
    
<script type="text/javascript">

$('form').submit(function() {

  alert($(this).serialize());

  return false;

});


</script>
</head>
<body>
<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><label name="9" value="9">9</label></div><div><label name="10" value="10">10</label></div>

  <div>

    <input type="checkbox" name="f" value="8" id="f" />

  </div>

  <div>

    <input type="submit" name="g" value="Submit" id="g" />

  </div>

</form>

  </body>
</html>

2、点击提交按钮，显示的内容为:竟然没有弹框，只是浏览器的网址变化了，由原来的
file:///E:/jquery/dialog.html变化为
file:///E:/jquery/dialog.html?a=1&b=2&c=3&d=4&e=5&g=Submit

而且label中的内容没有提交。

3、详见http://www.w3cschool.cn/ajax_serialize.html