2、createvote.html
添加投票页，整个添加投票页处理两个自有js函数的按钮外，是一个大表单，其中还有一个隐藏域用来记录现在有多少个选项，
为下一步添加投票操作页createvote.php提供操作基础。
下面就这样进行基本说明，javascript对web节点的操作，可以参考我之前的《JavaScript针对网页节点的增删改查用法实例》一文（点击打开链接）
注意到添加的子选项节点会很有规律的以opt1,opt2,opt3……那样排列，这是为了方便下面的操作
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>创建投票</title> </head> <body> <h1>增加投票</h1> <button>增加选项</button> <button>删除选项</button> <!--onsubmit属性是为了下面脚本能够顺利弹出确认框，用户确认之后才提交这个表单--> <form action="createvote.php" method="post" onsubmit="return check()"> <!--这里定义div的id是为了下面的javascript的操作，而且div不像p那样会参加很大的行距--> <div> <div> 投票主题：<input type="text" style = "width:70%"/> </div> <div> 投票描述：<input type="text" style = "width:70%"/> </div> <div> 选项1：<input type="text" style = "width:70%"/> </div> <div> 选项2：<input type="text" style = "width:70%"/> </div> </div> <!--这里是用来记录有多少个选项的--> <input type="hidden" /> <input type="submit" value="提交" /> </form> <a href="https://www.jb51.net/index.html">返回</a> </body> </html> <script> //脚本部分，是现实的关键 //开始先记录当前的选项数是2，并存入hidden域，到时候随表单一起提交 var nodenum=2; document.getElementById("nodetotal").value=nodenum; //下面是“增加选项”“删除选项”的按钮操作 function createbtn(){ //如果选项少于10个才操作 if(nodenum<10){ nodenum++; var node=document.createElement("div"); //操作节点如果涉及html文本，写成单引号就不用写\"这么难看的双引号的转义字符 node.innerHTML="选项"+nodenum+"：<input type='text' />"; document.getElementById("createform").appendChild(node); //记得增加完每个节点，要更新以下hidden域里面的节点数哦！ document.getElementById("nodetotal").value=nodenum; } else{ alert("最多10个选项"); } } //逻辑跟上面一样 function delbtn(){ if(nodenum>2){ nodenum--; d=document.getElementById("createform"); d.removeChild(d.lastChild); document.getElementById("nodetotal").value=nodenum; } else{ alert("至少2个选项"); } } //表单确认框的脚本，表单onsubmit为true才能够提交嘛，confirm点确定则返回true反之为false function check(){ return confirm("确定提交？"); } </script>
3、createvote.php
添加投票处理页，这里插入数据库要注意，先插入voteparent，再找出刚插入voteparent的那条记录的id，插入votechildren表的parentid，这里找parentid需要注意，不要通过寻找最后一条插入记录的方法，找到parentid，因为这样如果多个管理员在操作数据库的并发时，会产生混乱由于这里有中文，操作数据库之前，记得加上mysql_query("set names utf8");这句话，详情请看代码：
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>添加投票处理中……</title> </head> <body> <?php //首先取出刚才要添加投票的title与text，隐藏域中的选项数 $ptitle=$_REQUEST["title"]; $ptext=$_REQUEST["text"]; $nodetotal=$_REQUEST["nodetotal"]; $con=mysql_connect("localhost","root","root"); //连接数据库 if(!$con){ die("连接失败！"); } mysql_select_db("test",$con); mysql_query("set names utf8"); //把title与text插入到voteparent表，设定删除位是0之后，系统会自动生成id mysql_query("insert into voteparent(title,text,isdel) values ('".$ptitle."','".$ptext."',0);"); //再通过title找到刚才系统生成的id $pid; $result=mysql_query("select id as pid from voteparent where title='".$ptitle."';"); while($row=mysql_fetch_array($result)){ $pid=$row["pid"]; } //建立一个php数组，里面存放每一个子选项 $optarr=array(); //选项的多少决定了我们的循环次数 for($i=1;$i<$nodetotal+1;$i++){ $optarr[$i]=$_REQUEST["opt${i}"]; mysql_query("insert into votechildren(text,count,parentid) values ('".$optarr[$i]."',0,'".$pid."');"); }; mysql_close($con); ?> </body> </html> <script> alert("添加成功"); window.location.href="https://www.jb51.net/index.html"; </script>