我想让用户输入更改链接

Question

所以我需要两个输入框或提示，让你输入玩家代号，然后输入另一个玩家代号。 基本网址将是这样的： "http://joeydood.com/default.aspx?p1=&p2=">

然后当有人进入时： "玩家代号1"然后"玩家代号2"并单击按钮， 链接将更改为： http://joeydood.com/default.aspx?p1=gamertag1&p2=gamertag2" 并自动打开该链接

我正在尝试这个

$(function () {
$('#submit').click(function() {
var url = "http://joeydood.com/default.aspx?p1=q";
url += $('#q').val();
window.location = url;
});
});

<input type="text" id="q" />
<input type="button" id="submit" value="submit" />

但是它不起作用，请帮忙。

Answer 1

您只是在URL中多了一个"q"字符。为了使其更易于阅读，我建议将p1和p2放在将玩家代号添加到 URL 的同一行上。

您可能还想阅读有关查询字符串的更多信息，以便将来可以更好地了解它们的结构。

$(function () {
$('#submit').click(function() {
var url = "http://joeydood.com/default.aspx";
url += '?p1='  + $('#q1').val();
url += '&p2=' + $('#q2').val();
window.location = url;
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
gamertag 1:
<input type="text" id="q1" />
gamertag 2:
<input type="text" id="q2" />
<input type="button" id="submit" value="submit" />