Question

我正在尝试使用标有“输入您的商店ID”的文本框和submit按钮制作HTML表单。

然后当submit按钮被点击时，我希望它们被重定向到另一个网站，子域名就是输入的。

示例：
如果输入“12345”，则会将其重定向到12345.myothersite.com
如果输入“987654”，则会将其重定向到987654.myothersite.com

Answer 1

由于你已经标记了这个jQuery，我认为你对jQuery的答案没问题。

HTML：

<form id="form">
  <input id="subdomain"/>
  <input type="submit"/>
</form>

JavaScript的：

$(document).ready(function() {
  $("#form").submit(function(event) {
    event.preventDefault();
    window.location.href = "http://" + $("#subdomain").val() + ".somesite.com/"
  });
});

Answer 2

window.location.href = document.getElementById('inputBox').value + '.myothersite.com';

示例：

https://jsfiddle.net/53q2jf2k/

<form onsubmit="return false">
    <input type="text" id="inputBox"/>
    <button  onclick="changeURL()" >Submit</button>
</form>


function changeURL() {
    window.location.href = document.getElementById('inputBox').value + '.myothersite.com';

  alert(document.getElementById('inputBox').value + '.myothersite.com')
}

提交的表单重定向到输入URL

2 个答案: