Question

您好，大家度过美好的一天。我，不是一个真正的编码器，设法克服基本HTML中的下拉列表问题，然后在PHP中使用Dreamweaver中的JavaScript。我甚至在没有重新加载页面的情况下使用Ajax。感谢那些在plus2net中创建它的人。这是我受益的链接。 http://www.plus2net.com/php_tutorial/php_drop_down_list.php

我的问题在于Wordpress页面。 Wordpress有一个buit-in函数，用于生成页面，帖子等的下拉列表。我使用了wp_dropdown_pages函数，其参考可以在这里找到：http://codex.wordpress.org/Function_Reference/wp_dropdown_pages

并且在post-template.php文件函数中是这样的：

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？

提前谢谢大家。

Answer 1

一旦页面在屏幕上，您无法使用PHP，无需重新加载或AJAX。

您可以立即创建第二个下拉菜单并首先隐藏它们。然后在使用jQuery单击/更改第一个下拉菜单时，使正确的可见。

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

更详细：

了解如何获取已更改的信息使用jQuery下拉菜单（选择一个选项）。
了解如何在WordPress环境中使用AJAX。创建要调用的jQuery 将返回HTML的PHP函数。
在您的AJAX通话中，沿着下拉菜单中抓取的信息发送。
在成功的AJAX函数中，您需要告诉jQuery回显输出。

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

1 个答案: