提问人：Kareen Lagasca 提问时间：3/17/2014 更新时间：12/21/2018 访问量：24473
Javascript 打开一个 URL + 用户输入的文本
Javascript to open a URL + the text input by user
问：
这可能吗？
我有输入框和一个提交按钮。
- 用户将输入他们的“参考编号”（例如：“hello123”）
- 用户将单击提交按钮。
- 单击提交按钮后，JavaScript 将在“新建浏览器”选项卡中打开 url 链接，其中包含 url 链接（我分配的）以及用户的输入（即 hello123）
分配的 url 为：www.mywebsite.com/ 单击“提交”按钮后，JavaScript 打开的 URL 为：www.mywebsite.com/print/hello123/
答：
1赞
nils
3/17/2014
#1
如果您不想为此使用 jQuery，这里是纯 js 中的一种方法。
定义你的html表单：
<form action="http://www.mywebsite.com/" method="get" id="my-form">
<input type="text" name="reference-number" id="reference-number" value="" />
<input type="submit" value="submit" />
</form>
定义并附加用于提交的处理程序：
<script type="text/javascript">
var form = document.querySelector('#my-form'),
text_field = document.querySelector('#reference-number');
function submitHandler(){
// build the new url and open a new window
var url = form.action + 'print/' + text_field.value;
window.open(url);
// prevent form from being submitted because we already
// called the request in a new window
return false;
}
// attach custom submit handler
form.onsubmit = submitHandler;
</script>
7赞
d.yuk
3/17/2014
#2
查看演示：http://jsfiddle.net/Gv5bq/
HTML格式：
<input type="text" id="text" />
<input type="button" id="btn" value="Submit" />
j查询：
$("#btn").click( function() {
var url = "http://www.mywebsite.com/print/" + $("#text").val();
window.open(url);
});
更新：（简单JS版本）http://jsfiddle.net/Gv5bq/1/
<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);" />
评论
1赞
George
3/17/2014
谁对jQuery说了什么？
0赞
Kareen Lagasca
3/17/2014
我相信，这就是我要找的！:D只要它能工作。谢谢！
0赞
d.yuk
3/17/2014
@KareenLagasca好吧，我也添加了简单的JS版本。:D
0赞
Shijin TR
3/17/2014
#3
<input type="text" value="" id="id"/>
<button type="button" id="go">GO</button>
$('#go').click(function(){
var id=$('#id').val();
var url="http://www.mywebsite.com/hello";
var new_url= url+id;
window.open(new_url);
});
评论