大家好,祝大家有美好的一天。我不是一个真正的程序员,设法克服了基本 html 中的下拉列表问题,然后在 Dreamweaver 中使用 javascript 在 php 中。我什至使用Ajax制作了它,而无需重新加载页面。感谢那些在plus2net中创建它的人。这是我从中受益的链接。http://www.plus2net.com/php_tutorial/php_drop_down_list.php
我的问题是Wordpress页面。WordPress具有内置功能,用于生成页面,帖子等的下拉列表。我使用了wp_dropdown_pages函数,其参考可以在这里找到:http://codex.wordpress.org/Function_Reference/wp_dropdown_pages
而在后模板中.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 来做到这一点?
提前谢谢大家。
一旦页面出现在屏幕上,你就不能使用 PHP,没有重新加载或 AJAX。
您可以立即创建第二个下拉菜单,然后首先隐藏它们。然后在使用 jQuery 单击/更改第一个下拉菜单时使正确的下拉菜单可见。
或者对将返回正确下拉菜单 HTML 的函数使用 AJAX 调用。
更详细地说:
- 研究如何获取已更改的信息下拉菜单(已选择一个选项)使用 jQuery。
- 研究如何在WordPress环境中使用AJAX。创建要调用的 jQuery将返回您的 HTML 的 PHP 函数。
- 在您的 AJAX 调用中,发送下拉菜单的抓取信息。
- 在成功的 AJAX 函数上,您需要告诉 jQuery 回显输出。