8-6作業(yè):為什么點(diǎn)擊序列化按鈕沒反應(yīng)?
<!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://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">我的個(gè)人資料</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>
2016-04-25
經(jīng)測(cè)試,沒問題。是不是你的JQ引用的Google的,還沒加載完畢?
試試百度看看:<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
2016-04-23
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? $("#btnAction").bind("click", function () {
? ? ? ? ? ? ? ? ? ?$("#litest").html($("form").serialize())
? ? ? ? ? ? ? ? })
? ? ? ? ? ? })
其他不要?jiǎng)?/p>