使用输入表单中的数据打开一个新窗口

时间:2014-05-13 13:56:53

标签: javascript jquery html forms javascript-events

在HTML文件的输入表单中,用户应该输入一个URL(我们称之为thislink)。然后,当用户点击提交按钮时,我想要打开一个新网页,其网址集成thislink,其网址应为:'/selection/yes/?value='+thislink'

以下是两段代码:

第一暂定:

<form id="urlarticle">
  <input type='text' name='thislink'>
  <input type='submit' value='Select' onclick = function() {window.open('/selection/yes/?value='+thislink)};>
</form>

第2暂定:

<form id="urlarticle">
  <input type='text' name='thislink'>
  <input type='submit' value='Select'>
</form>

<script type='application/javascript'>
    $("#urlarticle").submit(function() {
        window.open('/selection/yes/?value='+thislink);
    });     
</script> 

但两个试探都没有用,任何帮助以正确的方式写它赞赏!

1 个答案:

答案 0 :(得分:1)

由于你标记了jQuery,你可以这样做:

http://jsfiddle.net/729uh/

使用Javascript:

$("#urlarticle").submit(function() {
    var linkValue = $('input[name="thislink"]').val();
    window.open('/selection/yes/?value='+linkValue);
}); 

HTML:

<form id="urlarticle">
    <input type='text' name='thislink'/>
    <input type='submit' value='Select'/>
</form>

这是做什么的:

  • 使用jQuery选择input属性为name的{​​{1}}
  • 获取写在其中的值
  • 将该值附加到您的链接