连接href值和jquery导致锚标记的href

Question

以下是我的应用程序中的代码：

<input id="input" value="Testing" />

<a  href="/captures/getTranslation/?TB_iframe=true&amp;modal=true&amp;height=380&amp;width=670&amp;" name="Signup" id="signuplink" title="Post" > Test </a>

我将一些数据发布到一个页面，我在结果页面中获取了所有附加参数。

这里我想知道如何使用锚标签的href传递文本值。

我尝试了类似的方法，但它不起作用：

<a  href="/captures/getTranslation/?TB_iframe=true&amp;modal=true&amp;height=380&amp;width=670&amp;textBoxValue=$('#input').val();" name="Signup" id="signuplink" title="Post" > Test </a>

我在锚标记的 onclick 上使用了覆盖，如果我在那里添加功能，那么覆盖就不会出现，因为我会跳过任何事件的函数调用。

我也在使用 jquery 库。但是在结果页面中我没有得到 textBoxValue 参数。

请建议我，如何使用 jquery 在 achor 标签的 href 属性中附加参数（输入框值）

谢谢

-普拉文

Answer 1

尝试将 a 更改为按钮，或 span 并添加 onclick 事件，然后您可以使用来自任何元素的值将用户重定向到您想要的任何位置。

类似这样的：

<a  onclick="javascript:GoToUrl();"> Test </a>


<script type="javascript">

function GoToUrl()
{
var url = "/captures/getTranslation/?TB_iframe=true&amp;modal=true&amp;height=380&amp;width=670&amp;" + textBoxValue=$('#input').val();

window.location.href = url;
}

</script>