Question

我需要在我的wordpress页面中执行自定义搜索功能，需要将一些javascript代码放入标题并使用wordpress搜索表单来调用该函数。

在wordpress的主题文件夹下，我在header.php

中的标签之间添加了一些javascript代码

<head>
  <script>
      var test123456 = function() {
            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
        }

     </script>

</head>

默认主题searchform.php是：

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>

我想问一下如何通过searchform.php调用那个javascript函数？

我的表格部分：

<form action="javascript:test123456()">
    <input type="text" name="firstname" value="" id="curlinput">
    <input type="submit" value="Submit">
</form>

非常感谢和赞赏!!

Answer 1

将您的代码更改为

<form onsubmit="test123456()">
<div><label class="screen-reader-text" for="s">Search for:</label>
    <input type="text" value="" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="Search" />
</div>

Answer 2

你可以把表格换成这个。

<form role="search" method="get" id="searchform" action="javascript:void(0);" onsubmit="test123456();">
    <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>

或者如下所示

<form role="search" method="get" id="searchform" action="javascript:test123456()">
    <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>

如果您还想设置操作文件，请尝试以下代码。

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>" onsubmit="test123456();">
        <div><label class="screen-reader-text" for="s">Search for:</label>
            <input type="text" value="" name="s" id="s" />
            <input type="submit" id="searchsubmit" value="Search" />
        </div>
    </form>

Wordpress搜索表单操作

2 个答案: