根据文本框创建链接

时间:2017-06-08 22:21:14

标签: javascript jquery html

我怎样才能拥有搜索栏之类的东西,而不是搜索,它会将文本框内容附加到地址。

例如,我输入"你好",我想要一个链接到" https://example.com/hello"的按钮。

1 个答案:

答案 0 :(得分:1)

它可以是下面这么简单的东西,你可以点击按钮获得文本的值,然后当你点击按钮时,你将文本框的值附加到域的末尾,这可以是任何东西你希望它是

要重定向按钮,您可以添加...

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



var search = document.querySelector('#search');
var button = document.querySelector('#search-btn');
var p = document.querySelector('p');
var url;

button.addEventListener('click', function() {
  url = 'exampledomain.com/' + search.value;
  
  p.innerText = url;
});

<input type="text" id="search" />
<button id="search-btn">Search</button>
<p></p>
&#13;
&#13;
&#13;