首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >根据Wordpress页面中的第一个下拉列表填充第二个下拉列表

根据Wordpress页面中的第一个下拉列表填充第二个下拉列表
EN

Stack Overflow用户
提问于 2015-01-21 08:09:07
回答 1查看 732关注 0票数 1

大家好,祝大家今天愉快。我不是一个真正的程序员,我设法克服了基本html中的下拉列表问题,然后在php中使用Dreamweaver中的javascript。我甚至在不重新加载页面的情况下使用Ajax实现了它。感谢那些在plus2net中创建它的人。以下是我从中受益的链接。list.php

我的问题是有一个Wordpress页面。Wordpress有一个用于生成页面、帖子等下拉列表的buit-in函数。我使用了wp_dropdown_pages函数,它的引用可以在这里找到:pages

在template.php文件功能中,如下所示:

代码语言:javascript
复制
function wp_dropdown_pages( $args = '' ) {
$defaults = array(
    'depth' => 0, 'child_of' => 0,
    'selected' => 0, 'echo' => 1,
    'name' => 'page_id', 'id' => '',
    'show_option_none' => '', 'show_option_no_change' => '',
    'option_none_value' => ''
);

$r = wp_parse_args( $args, $defaults );

$pages = get_pages( $r );
$output = '';
// Back-compat with old system where both id and name were based on $name    argument
if ( empty( $r['id'] ) ) {
    $r['id'] = $r['name'];
}

if ( ! empty( $pages ) ) {
    $output = "<select name='" . esc_attr( $r['name'] ) . "' id='" .  esc_attr( $r['id'] ) . "'>\n";
    if ( $r['show_option_no_change'] ) {
        $output .= "\t<option value=\"-1\">" . $r['show_option_no_change'] .  "</option>\n";
    }
    if ( $r['show_option_none'] ) {
        $output .= "\t<option value=\"" . esc_attr( $r['option_none_value']  ) . '">' . $r['show_option_none'] . "</option>\n";
    }
    $output .= walk_page_dropdown_tree( $pages, $r['depth'], $r );
    $output .= "</select>\n";
}

/**
 * Filter the HTML output of a list of pages as a drop down.
 *
 * @since 2.1.0
 *
 * @param string $output HTML output for drop down list of pages.
 */
$html = apply_filters( 'wp_dropdown_pages', $output );

if ( $r['echo'] ) {
    echo $html;
}
return $html;
}

使用此函数及其参数,很容易填充下拉列表并得到所需的内容。但是,我的目标是生成第一个值的第二个下拉列表。就像第一个是汽车品牌,第二个是车型。

要做到这一点,我如何使用wp_dropdown_pages()函数?如果我必须这样做,我如何使用AJax或只是Javascript?

先谢谢大家。

EN

回答 1

Stack Overflow用户

发布于 2015-01-21 08:49:08

页面出现在屏幕上后,如果没有重新加载或AJAX,就不能使用PHP。

您可以立即创建第二个下拉菜单并将其隐藏起来。然后在使用jQuery单击/更改第一个下拉菜单时,使正确的下拉菜单可见。

或者对函数使用AJAX调用,该函数将返回正确的下拉菜单HTML。

更详细的是:

  • 查看如何使用jQuery获取更改后的下拉菜单(选择了一个选项)的信息。
  • 了解如何在WordPress环境中使用AJAX。创建jQuery以调用PHP函数,该函数将返回您的HTML。
  • 在AJAX调用中,发送下拉菜单的抓取信息。
  • 对于成功的AJAX函数,您需要告诉jQuery回显输出。
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28062345

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档