我想讓用戶輸入改變鏈接

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" />