2011-10-29 35 views
0

大家好我所有的輸入文本聲明如下如何在href中傳遞文本框值

<input name="text1" type="text" id="text1" value="textbox 1" onBlur="toggleVisibility(this.name);"> 

我想在我的href中傳遞text值。我嘗試了以下但我無法得到任何人的價值可以幫助我

<a href="http://paymycheck.info/federalregulartaxcalculator.aspx?id="+document.getElementById('text1').value;target="_blank" style="text-decoration:underline; text-align:right; color:#222; font-family:Arial; font-size:12px; font-weight:normal;"> Unsubscribe </a> 

回答

1

你可以嘗試這樣的......

<input type="text" id="myText"/> 
<a href="javascript:RedirectToSecondPage()">click here</a> 

<script type="text/javascript"> 
function RedirectToSecondPage() 
{ 
    var input = document.getElementById('myText'); 
    var value = input ? input.value : 'defaultText'; 

    window.location.href = 'mySecond.asp?MyText=' + escape(value); 
} 
</script> 
+0

是否有可能在我與停止傳送的方式javascript函數 – Dotnet

+0

你可以用它所有的形式和表演提交按鈕上的「指針」(手)光標,所以它實際上提交了表單和值。如果您想使用簡單的錨點(a)元素,則必須使用JavaScript。 –

+0

如果我也使用腳本,我無法查看瀏覽器中傳遞的值 – Dotnet

0

如果你真的想要的實際值你可以做這樣的事情:

<input name="text1" type="text" id="text1" value="textbox 1" onBlur="toggleVisibility(this.name);"> 
<a href="javascript:document.location.href='http://paymycheck.info/federalregulartaxcalculator.aspx?id=' + document.getElementById('text1').value">Unsubscribe</a> 

但是這可能有不必要的副作用(例如空格作爲實際空間在URL中出現)。 如果你可以改變輸入的名字你可能會考慮通過適當的形式做:

<form id="myform" action="http://aaapaymycheck.info/federalregulartaxcalculator.aspx" method="get"> 
    <input name="id" type="text" id="text1" value="textbox 1" onBlur="toggleVisibility(this.name);"> 
</form> 

<a href="javascript:document.getElementById('myform').submit()">Unsubscribe</a> 
+0

這不適用於我我無法看到傳遞的值 – Dotnet

相關問題