将文本框中输入的文字追加到url并打开url链接

编程入门 行业动态 更新时间:2024-10-27 17:20:24
本文介绍了将文本框中输入的文字追加到url并打开url链接的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

限时送ChatGPT账号..

我有以下代码:

<script type="text/javascript">
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    var lnk = document.getElementById('lnk');
    lnk.href = "www.google/search/" + userInput;
    lnk.innerHTML = lnk.href;
}


</script>

Here is a link : <a href="" id=lnk>nothing here yet</a> <br>
<input type='text' id='userInput' value=' ' />
<input type='button' onclick='changeText2()' value='Change Link'/>

因此,这基本上执行以下操作:

So, this basically does the following:

用户在文本框中输入一个词,该词会附加在给定链接 (www.google/search/) 的末尾.并且链接显示在页面上方.

User enters a word in the text box, and that word is appended at the end of the link given (www.google/search/). And the link is displayed above on the page.

但不是在页面上显示链接,我希望它在单击按钮时打开该页面.我该怎么做?

But instead of displaying the link on the page, I want it to open that page when the button is clicked. How can I do that?

推荐答案

见这个fiddleH2>

尝试 window.location 在点击时重定向到页面.

See this fiddle

Try window.location to redirect to the page on click.

也就是说,在你的代码中尝试

That is, in your code try like

<script type="text/javascript">
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    var lnk = document.getElementById('lnk');
    lnk.href = "www.google/search/" + userInput;
    window.location = "www.google/search/" + userInput;
}
</script>

这篇关于将文本框中输入的文字追加到url并打开url链接的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

更多推荐

[db:关键词]

本文发布于:2023-04-26 09:20:37,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1132402.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:文本   框中输入   文字   链接   url

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!