javascript - Javascript 问题表单值和窗口

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>

其中name是您的输入字段 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>