Question

我有一个wordpress网站，我想在菜单中为它制作一个搜索工具。

我知道我们是否将它放到浏览器中：

www.yoursite.com?s=keyword

它会在所有帖子中搜索其标题中的关键字。

但我不知道如何制作表单并使用Javascript来处理它。

任何想法都会有所帮助

我在header.php中尝试了什么：

 <script>$(document).ready(function(){
 function search(){
     var uri =  $("#searchtxt").val();
     window.location.href="www.codepro.gq?s="+uri;
     return;
     }
 })
 </script>

在菜单部分：

 <form class="navbar-form navbar-left">
    <div>
      <input type="text"  id="searchtxt" placeholder="Search" />
    </div>
    <button  onclick="search()">Search</button>
  </form>

Answer 1

我不使用jQuery（我是业余爱好者）
我只使用Javascript进行了编辑，根据需要进行编辑。

这是Javascript＆amp;表格代码，我将网址更改为“http”，我不知道但是当我使用“www”与网址时出现问题

  function search(){
     var uri =  document.getElementById("searchtxt");
     window.location.href = "http://www.codepro.gq?s="+uri.value;
     return;
     }

<form class="navbar-form navbar-left">
    <div>
       <input type="text"  id="searchtxt" placeholder="Search" />
    </div>
	<input type="button" value="Search" onClick="search()"/>

我将<button>代码更改为<input>代码，因为不同的浏览器使用<button>元素的不同默认类型。

如何为wordpress网站创建搜索部分？

1 个答案: