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

8-6作业:为什么点击序列化按钮没反应?

<!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="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>

</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>姓名:<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($("form").serialize());

            })

        })

    </script>

</body>

</html>


正在回答

2 回答

经测试,没问题。是不是你的JQ引用的Google的,还没加载完毕?

试试百度看看:<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

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

            $(function () {

                $("#btnAction").bind("click", function () {

                   $("#litest").html($("form").serialize())

                })

            })

其他不要动

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

蓝域D公主 提问者

结果还是一样。 只是去分号,对吧?
2016-04-23 回复 有任何疑惑可以回复我~
#2

redstonesl 回复 蓝域D公主 提问者

其他就保持页面原有的代码,重置一下。
2016-04-25 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

8-6作业:为什么点击序列化按钮没反应?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信