Question

我正在尝试创建一个用户输入用户名的表单，然后单击一个按钮。然后它打开一个窗口，其中包含url中的参数，如下所示。

<script type="javascript">
function open(id) {
    window.open("http://linkhere.com/~Robby/lcpVote.php?u="+ document.getElementById(id).innerHTML +"&s=" + id + "&a=addVote");
}
</script>
<input type="text" placeholder="MC Username" id="name" style="width:100%">

当他们点击下面的按钮时，

<button class="btn btn-primary" style="width:100%" onclick="open('1')" id="1" href="#">MCServers.org</button>

它会打开以下网址

http://LINKHERE.COM/~Robby/lcpVote.php?u=USERNAMEFROMFORM&s=IDFROMBUTTON&a=addVote

但是当我使用我的代码点击它时，它只返回一个白页？

Answer 1

在表单上使用method="get"。这将使查询字符串适合您想要的内容，具体取决于表单中的输入名称。

Answer 2

这是因为你在onclick函数中传入1作为id。您应该传入输入字段的id。所以它应该是：

<button class="btn btn-primary" style="width:100%" onclick="open('name')" id="1" href="#">MCServers.org</button>

名称是您的输入字段ID。

Answer 3

将innerHTML替换为value ..

window.open("http://linkhere.com/~Robby/lcpVote.php?u="+ document.getElementById(id).value+"&s=" + id + "&a=addVote");

并将1替换为name ..

<button class="btn btn-primary" style="width:100%" onclick="open('name')" id="1" href="#">MCServers.org</button>

Javascript发布表单值和窗口

3 个答案: