為什么這樣寫沒(méi)有效果
<!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">我的個(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" />資料是否可見(jiàn) </li>
? ? ? ? ? ? ? ? <li id="litest"></li>
? ? ? ? ? ? </ul>
? ? ? ? ? ? </form>
? ? ? ? </div>
? ? ? ??
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? $("#btnAction").bind("click", function () {var node=document.createElement("li");
? ? ? ? ? ? ? ? node.innerHTML=$("form").serialize();
? ? ? ? ? ? ? ? ? ? $("ul").appendChild(node);
? ? ? ? ? ? ? ? })
? ? ? ? ? ? })
? ? ? ? </script>
? ? </body>
</html>
2016-04-11
$("ul").appendChild(node);同一個(gè)語(yǔ)句里jQuery與JavaScript語(yǔ)句混搭。
改為：$("ul").append(node);或：document.getElementsByTagName("ul")[0].appendChild(node);