将复选框发送到特定URL

时间:2012-12-12 15:31:10

标签: javascript html forms checkbox

例如;如果用户点击pop和摇滚框,我想将页面发送到www.mysite.com/?view=listen&tag[]=pop&tag[]=rock
如果我使用下面的表单代码,它适用于Firefox和IE。但是,如果用户点击了谷歌浏览器,则页面转到http://www.mysite.com/www.mysite.com/?view=listen&tag[0]pop&tag[1]rock&标记名称前面的等号会消失。我如何才能在谷歌Chrome上工作?

<form action="http://www.mysite.com/">
    <input type="hidden" name="view" value="listen" />
    <input type="checkbox" name="tag[]" value="pop" />pop<br /><br />
    <input type="checkbox" name="tag[]" value="rock" />rock<br /><br />
    <input type="checkbox" name="tag[]" value="indie" />indie<br /><br />
    <input type="checkbox" name="tag[]" value="electronic" />electronic<br />
    <button type="submit">submit</button>
</form>

1 个答案:

答案 0 :(得分:1)

我试过这个。在谷歌浏览器中,它会使用方括号和等号来发布表单以更正网址:

这是你的代码:

表单网址:http://jsbin.com/ihagon/1

当我选择pop和rock并按提交时,它会转到此网址:

目标网址:http://jsbin.com/ihagon/1?view=listen&tag%5B%5D=pop&tag%5B%5D=rock

这是HTML代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
</head>
<body>
  <form action="http://jsbin.com/ihagon/1">
    <input type="hidden" name="view" value="listen" />
    <input type="checkbox" name="tag[]" value="pop" />pop<br /><br />
    <input type="checkbox" name="tag[]" value="rock" />rock<br /><br />
    <input type="checkbox" name="tag[]" value="indie" />indie<br /><br />
    <input type="checkbox" name="tag[]" value="electronic" />electronic<br />
    <button type="submit">submit</button>
</form>
</body>
</html>

如果我遗失了某些内容,请告诉我。