为了账号安全,请及时绑定邮箱和手机立即绑定

关于serialize()方法前选择器的问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>使用serialize()方法序列化表单元素值</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <div id="divtest">
            <div class="title">
                <span class="fl">我的个人资料</span> 
                <span class="fr">
                    <input id="btnAction" type="button" value="序列化" />
                </span>
            </div>
            <form action="">
            <ul>
                <li id = "tt">姓名:<input name="Text1" type="text" size="12" /></li>
                <li>
                    <select name="Select1">
                        <option value="0">男</option>
                        <option value="1">女</option>
                    </select>
                </li>
                <li><input name="Checkbox1" type="checkbox" />资料是否可见 </li>
                <li id="litest"></li>
            </ul>
            </form>
        </div>
        
        <script type="text/javascript">
            $(function () {
                $("#btnAction").bind("click", function () {
                    $("#litest").html($("#tt").serialize())
                })
            })
        </script>
    </body>
</html>

为什么我给id为tt的对象添加serialize()方法就不行呢?还有对<ul>添加这个方法也不行。。。这是为什么?????

正在回答

2 回答

该方法定义和用法

serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

你选择的tt既不是form元素本身,亦非表单元素,只是li,所以肯定不行。如果还不理解多看看手册吧。

1 回复 有任何疑惑可以回复我~
#1

Bill0123 提问者

非常感谢!
2015-10-07 回复 有任何疑惑可以回复我~

serialize()方法通过序列化表单值

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154722    人
  • 解答问题       7289    个

加入课程学习,有效提高前端开发速度

进入课程

关于serialize()方法前选择器的问题

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号