Javascript 如何创建一个表单以打开带有参数的子域？

这是一个简单的表格，但我无法解决这个问题

<form action="#">Enter Your Name:<input type="text"><input type="hidden" value=".storage.tricksbygoogle.com"><input type="submit" value="Submit">

输入您的姓名：

我想在上创建一个表单，这样当有人在表单中输入文本时，它应该打开一个与该文本对应的url。如果输入了“NAME”，则应打开的url为

我什么都试过了，现在不知道该怎么办。

查看这段代码

$（“#提交”）。单击（函数（）{
var name=$（'#name'）.val（）；
var url=$（'#url'）.val（）；
window.location.href=“http://”+name+url；
});

输入您的姓名：
添加
单击提交按钮上的
事件。单击获取名称的值并
将
与
url
连接。将新
url
设置为
表单的
操作
属性，最后
提交


url=$（“输入[type='hidden']”）val（）；
$（“输入[type='submit']”）。在（'click'，function（）上{
name=$（“输入[type='text']”）val（）；
finalUrl=“http://”+name+“+url；
美元（“#我的表格”）.attr（“行动”，最终）；
$（“#我的表格”）.submit（）；
控制台日志（finalUrl）；
});

输入您的姓名：

$（函数（）{
$（“#提交表单”）。单击（函数（）{
location.href=$（“#Name”）.val（）+$（“#Hiddenlink”）.val（）；
})
})
输入您的姓名：
请在控制台中查看您的表单是否使用所需的url提交。
<script>
     $(function(){
          $("#submitForm").click(function(){

            location.href=$("#Name").val()+$("#Hiddenlink").val();
          })
   })
  </script>


<form>
 Enter Your Name:<input type="text" id="Name">
 <input type="hidden" value=".storage.tricksbygoogle.com" id="Hiddenlink">
   <input type="submit" value="Submit" id="submitForm">
</form>