2014-05-13 127 views
-1

在一个HTML文件中输入表格打开使用数据的新窗口中,用户应该把一个URL(姑且称之为thislink)。然后,我希望当用户点击提交按钮时,打开一个新的窗口,该窗口的URL集成了thislink,即它的URL应该是:'/selection/yes/?value='+thislink'从输入表格

这里有码2次的试作:

第一次试探性的:

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

第二暂定:

<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> 

但两者的试作不工作,任何帮助,以获得正确的方式写下赞赏!

+0

有什么问题吗? – Mehmet

+0

读取输入的值 – epascarello

+0

(1)可使用'id'代替'name'。 (2)'$( “#thislink”)VAL();' – Abhitalks

回答

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选择具有name属性与价值inputthislink
  • 采取写在它的价值
  • 该值附加到您的链接
+0

谢谢,这很清楚。 – GBC

+0

不客气!很高兴我能帮上忙。 – Andrei