我想让用户输入改变链接

Question

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

然后当有人输入：“gamertag1”然后“gamertag2”并单击按钮时，链接变为： 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" />