0

例如; 如果用户单击弹出框和摇滚框,我想将页面发送到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& 标签名称前面的等号消失。我怎样才能在谷歌浏览器上工作呢?

<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>
4

1 回答 1

1

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

这是您的代码:

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

当我选择流行和摇滚并按提交时,它会转到以下网址:

目标网址: 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>

如果我遗漏了什么,请告诉我。

于 2012-12-12T15:38:09.877 回答