如何基于HTML下拉列表菜单调用HTML自定义按钮

时间:2019-06-12 作者:Moamen Khedr

I am a WordPress beginner and want a help

我创建了如下HTML下拉列表:

<select name="DropDownList1" id="DropDownList1">
    <option value="select you location">&#xf015 select your location</option>
    <option value="cairo">Cairo</option>
    <option value="alexanderia">Alexanderia</option>
    <option value="aswan">Aswan</option>
    <option value="port said">Port Said</option>
</select>
我还创建了一个HTML按钮,如下所示:

<button type="button" name="restaurantpreview" type="submit" value="chefpreview">restaurantpreview</button>
我正在尝试搜索我必须用于以下操作的代码:

当用户从下拉列表中选择值时

然后用户单击“我的”按钮

我将此值获取到我的自定义页面,并预览其中的餐厅列表

1 个回复
最合适的回答,由SO网友:MikeNGarrett 整理而成

您要使用admin-post.phpadmin-ajax.php (仅限AJAX)允许前端表单与WordPress交互。

设置此设置将允许您创建一个使用$_POST 数组以查找您要查找的内容WP_Query 并打印出来作为对您请求的响应。

以下是两种方法的合理指南:https://premium.wpmudev.org/blog/handling-form-submissions/

相关推荐

从函数.php内修改_POSTS_PAGINATION,而不是模板文件

我知道使用如下函数(在functions.php) 允许我自定义分页选项:function custom_theme_pagination(){ global $wp_query; echo paginate_links(); } 。。。前提是主题文件包含<?php custom_theme_pagination(); ?> 无论我希望分页显示在哪里。然而,我想要实现的是控制<?php the_posts_pagination(); ?