2015-01-21 123 views
1

大家好,祝大家度過愉快的一天。 我是不是一個實際的編碼器,設法克服基本html中的下拉列表問題,然後在Dreamweaver中使用javascript。我甚至在沒有重新加載頁面的情況下使用Ajax。感謝那些在plus2net中創建它的人。這是我從中受益的鏈接。 http://www.plus2net.com/php_tutorial/php_drop_down_list.php根據Wordpress頁面中的第一個填充第二個下拉列表

我的問題是與一個Wordpress頁面。 WordPress的具有產生下拉列表的頁面BUIT的函數,職位等我用wp_dropdown_pages功能,其參考可以在這裏找到:http://codex.wordpress.org/Function_Reference/wp_dropdown_pages

和後期的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來做到這一點?

謝謝大家提前。

回答

1

一旦頁面顯示在屏幕上,無需重新加載或AJAX,就無法使用PHP。

您可以立即創建第二個下拉菜單並將其隱藏起來。然後使用jQuery單擊/更改第一個下拉菜單時,使正確的一個可見。

或者使用AJAX調用函數返回正確的下拉菜單HTML。

的詳細信息:

  • 來看看您如何抓住一個改變 下拉菜單的使用jQuery的信息(選項)。
  • 研究如何在WordPress環境中使用AJAX。創建jQuery以調用 PHP函數,該函數將返回您的HTML。
  • 在您的AJAX調用中,沿着下拉菜單的抓取信息發送。
  • 成功的AJAX函數需要告訴jQuery回顯輸出。
+0

我注意到在這種情況下使用Ajax會很實用。但我無法弄清楚如何實現它。我怎麼能設法得到選定的索引的ID和使用它填充第二個與「child_of」參數? – 2015-01-21 09:05:25

+0

擴展答案 – RST 2015-01-21 10:45:40

相關問題