2014-05-13 49 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