连接href值和jquery导致锚标记的href
Posted
技术标签:
【中文标题】连接href值和jquery导致锚标记的href【英文标题】:Concatenate href value and jquery result in href of anchor tag 【发布时间】:2011-04-08 18:04:14 【问题描述】:以下是我的应用程序中的代码:
<input id="input" value="Testing" />
<a href="/captures/getTranslation/?TB_iframe=true&modal=true&height=380&width=670&" name="Signup" id="signuplink" title="Post" > Test </a>
我将一些数据发布到一个页面,我在结果页面中获取了所有附加参数。
这里我想知道如何使用锚标签的href传递文本值。
我尝试了类似的方法,但它不起作用:
<a href="/captures/getTranslation/?TB_iframe=true&modal=true&height=380&width=670&textBoxValue=$('#input').val();" name="Signup" id="signuplink" title="Post" > Test </a>
我在锚标记的 onclick 上使用了覆盖,如果我在那里添加功能,那么覆盖就不会出现,因为我会跳过任何事件的函数调用。
我也在使用 jquery 库。但是在结果页面中我没有得到 textBoxValue 参数。
请建议我,如何使用 jquery 在 achor 标签的 href 属性中附加参数(输入框值)
谢谢
-普拉文
【问题讨论】:
【参考方案1】:尝试将 a 更改为按钮,或 span 并添加 onclick 事件,然后您可以使用来自任何元素的值将用户重定向到您想要的任何位置。
类似这样的:
<a onclick="javascript:GoToUrl();"> Test </a>
<script type="javascript">
function GoToUrl()
var url = "/captures/getTranslation/?TB_iframe=true&modal=true&height=380&width=670&" + textBoxValue=$('#input').val();
window.location.href = url;
</script>
【讨论】:
非常感谢您的快速回复。我在点击锚标签时使用了覆盖。如果我使用上述功能,那么数据将正确发布,但我没有得到覆盖。在这里,我想直接附加我提到的 prob 语句的值(在使用 jquery 的 href 属性中)。 当你说的覆盖,你的意思是带有 URL 的工具提示吗? 不是 james ...我正在显示具有进一步程序的小窗口,例如登录覆盖(目前在 twitter 上可用,即登录覆盖,我的应用程序中将有同样的内容) 好吧,我一定在这里遗漏了一些东西,但是为什么不直接使用 CSS 来显示和隐藏覆盖呢?因为twitter登录窗口只是一个相对位置的div? 是的……我在想 sm……让我们……谢谢詹姆斯你的信息对我有很大帮助以上是关于连接href值和jquery导致锚标记的href的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 jquery 识别具有 data-href 属性的锚标记