如何根据以前在Wordpress中选择的选项动态填充下拉列表

时间:2012-12-01 18:37:01

标签: wordpress jquery

我有一个用户表单,其中包含使用wp_dropdown_categories填充的下拉框

代码:

<p class="optional"><label for="job_term_area"><?php _e('Job Area', 'appthemes'); ?>
</label> <?php
            $sel = 0;
            if (isset($posted['job_term_area']) &&
 $posted['job_term_area']>0) $sel = $posted['job_term_area']; 
            $args = array(

                'orderby'            => 'name', 
                'order'              => 'ASC',
                'name'               => 'job_term_area',
                'hierarchical'       => 1, 
                'echo'               => 0,
                'class'              => 'job_area',
                'selected'           => $sel,
                'taxonomy'           => 'job_area',
                'hide_empty'         => false
            );
            $dropdown = wp_dropdown_categories( $args );

            $dropdown = str_replace('class=\'job_area\' 
   >','class=\'job_area\' ><option value="">'.__('Select an Area&hellip;', 
  'appthemes').'</option>', $dropdown);
            echo $dropdown; ?> </p>

正如您所看到的,我已经设置了一个名为工作区的分类法,并通过将它们添加为类别来添加区域。

enter image description here

我想根据另一个下拉列表过滤此列表,以便您拥有:

选择国家=英格兰(父母)                    -buckinghamshire(子)                    -bedforshire(子)

然后所有县名单都填入下拉列表。

我在考虑在分类中使用亲子。

问题是如何让第二个下拉列表更新 - 我对jquery很熟悉,但是我坚持使用最好的方法来实现这个目标......?

任何指导都将不胜感激......

我希望这是有道理的,这是漫长的一天......

1 个答案:

答案 0 :(得分:2)

有许多AJAX集成的插件可以简化从头开始的操作。网络搜索“jquery cascade select”有很多结果

以下是一些例子:

http://www.prodiven.com/jcombo/

http://code.google.com/p/jquery-cascade/

https://github.com/jadb/jquery-cascade