+ -
当前位置:首页 → 问答吧 → 如何实现表单多选框以数组形式提交???

如何实现表单多选框以数组形式提交???

时间:2010-05-16

来源:互联网


<!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> <form id="form1" name="form1" method="get" action="1.html"> <input type="checkbox" name="cai" value="12" id="cai_0" />南瓜 <input type="checkbox" name="cai" value="13" id="cai_1" />白菜 <input type="checkbox" name="cai" value="20" id="cai_2" />西瓜 <input type="checkbox" name="cai" value="100" id="cai_3" />核桃 <input type="submit" id="button" value="提交" /> </form> </body> </html>
 提示:您可以先修改部分代码再运行
表单提交到1.html后,URL形式如:  /1.html?cai=13&cai=20&cai=100
如何实现以数组形式提交  ,如 /1.html?cai=13,20,100

我看 http://www.songtaste.com/music/ 连播时都是以数组形式提交的,但是怎么实现的还请大哥们指点

[ 本帖最后由 fxlijun 于 2010-5-16 15:38 编辑 ]

作者: fxlijun   发布时间: 2010-05-16

有人能够提供帮助吗?? 多谢

作者: fxlijun   发布时间: 2010-05-18


<!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=gbk" /> <title>无标题文档</title> </head> <body> <script type="text/javascript"> function onSubmit(){ var caiStr = ""; for (i=0;i<4;++i) caiStr += document.getElementById("cai_"+i).value + ","; caiStr = caiStr.substring(0, caiStr.length-1); caiStr = "1.html?cai=" + caiStr; window.open(caiStr); return false; } </script> <form id="form1" name="form1" method="get" action="1.html"> <input type="checkbox" name="cai" value="12" id="cai_0" />南瓜 <input type="checkbox" name="cai" value="13" id="cai_1" />白菜 <input type="checkbox" name="cai" value="20" id="cai_2" />西瓜 <input type="checkbox" name="cai" value="100" id="cai_3" />核桃 <input type="submit" id="button" value="提交" onclick="return onSubmit();" /> </form> </body> </html>
 提示:您可以先修改部分代码再运行

作者: ericwoo   发布时间: 2010-05-18

你给的那个网站也是以js脚本方式提交的。

其实提交到服务器端后,直接用从请求中取出来就是数组字符串,除非你在url中有特殊需要,否则没必要一定要改这个。

作者: ericwoo   发布时间: 2010-05-18