打开URL +用户使用Javascript输入的文本

时间:2014-06-12 09:08:57

标签: javascript

我有输入框和提交按钮。

  1. 用户将输入他们的"参考编号" (例如:" hello123")
  2. 用户将点击提交按钮。
  3. 点击提交按钮后,javascript将打开网址链接 在一个新的浏览器选项卡中,带有一个url链接(我已分配)加上 用户输入(hello123)
  4. 指定网址(例如):www.mywebsite.com/点击提交按钮后,通过javascript打开的网址为:www.mywebsite.com/print/hello123 /

    我有这段代码:

    <input type="text" id="text" />
    <input type="button" id="btn" value="Submit" onClick="javascript: window.open('http://www.mywebsite.com/print/' + document.getElementById('text').value);" />
    

    但它真的不起作用。任何想法有什么不对?

3 个答案:

答案 0 :(得分:2)

我们按如下方式形成新网址:

var url = "www.mywebsite.com/"+document.getElementById('text').value;

在onclick事件中,将其更改为:

window.location=url;

答案 1 :(得分:1)

使用jQuery是最简单的方法

$("#btn").click(function() {
    window.location="www.yourwebsite.com/url/here/"+$("#text").val();
})

答案 2 :(得分:0)

只需将window.open替换为window.location

此外,如果您已经 www.mywebsite.com ,请撰写

window.location.href=document.getElementById('text').value