Question

这可能吗？

我有输入框和提交按钮。

用户将输入他们的＆＃34;参考编号＆＃34; （例如：＆＃34; hello123＆＃34;）
用户将点击提交按钮。
点击提交按钮后，javascript将在新浏览器标签中打开网址链接，其中包含网址链接（我已分配）以及用户输入（即hello123）

指定网址为：www.mywebsite.com/ 点击提交按钮后，通过javascript打开的网址是：www.mywebsite.com/print/hello123 /

Answer 1

HTML：

<input type="text" id="text" />
<input type="button" id="btn" value="Submit" />

jQuery的：

$("#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);" />

Answer 2

如果您不想使用jQuery，那么这是一种纯粹的js方法。

定义你的html格式：

<form action="http://www.mywebsite.com/" method="get" target="_blank" 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>

Answer 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);
  });

Fiddle

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

3 个答案: