Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于文本框制作链接_Javascript_Jquery_Html - Fatal编程技术网

Javascript 基于文本框制作链接

Javascript 基于文本框制作链接,javascript,jquery,html,Javascript,Jquery,Html,我怎么可能有搜索栏之类的东西,但它不是搜索,而是将文本框内容附加到地址 例如,如果我输入“hello”,我想在下面有一个链接到“.”的按钮。它可以像下面这样简单,你点击按钮就可以得到文本的值,然后当你点击按钮时,你会将文本框的值附加到一个域的末尾,这个域可以是你想要的任何内容 要在按钮上重定向,请单击您可以添加 window.location.replace(url)在p.innerText的位置 var search=document.querySelector('#search'); va

我怎么可能有搜索栏之类的东西,但它不是搜索,而是将文本框内容附加到地址


例如,如果我输入“hello”,我想在下面有一个链接到“.”的按钮。

它可以像下面这样简单,你点击按钮就可以得到文本的值,然后当你点击按钮时,你会将文本框的值附加到一个域的末尾,这个域可以是你想要的任何内容

要在按钮上重定向,请单击您可以添加

window.location.replace(url)
p.innerText
的位置

var search=document.querySelector('#search');
var button=document.querySelector(“#搜索btn”);
var p=document.querySelector('p');
var-url;
addEventListener('click',function(){
url='exampledomain.com/'+search.value;
p、 innerText=url;
});

搜寻