Question

大家好我所有的输入文本声明如下

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

我想传递text中的href值。我尝试了以下但我无法得到任何人帮助我的价值

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

Answer 1

你可以尝试这样......使用javascript函数......

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

Answer 2

如果你真的想要实际值，你可以这样做：

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

如何在href中传递文本框值

2 个答案: