使用选择表单选项

时间:2016-09-23 02:20:23

标签: javascript jquery html css wordpress

我正在开发一个WordPress主题我需要使用带有三个选择器的表单来过滤内容,例如我是Region,Specialist,Place

当用户从Region - >中选择一个值时专家 - >地方,用户可以看到这三个选定值的内容

  • 如果Region有值:“Region A”
  • 如果专家有价值:“律师”
  • 如果Place有价值:“芝加哥”

用户只能看到 A区,律师和芝加哥的内容。

目前,我尝试使用此链接How can I filter out a div from two select options?

关于HTML工作正常,但我无法理解如何使用WP_Query来过滤div上的内容

到我的代码表格:

<form method="get">
	<select id="select_rubro">
		<option value="null"><?php _e('Rubro', 'cape'); ?></option>
		<?php
        //list terms in a given taxonomy (useful as a widget for twentyten)
        $taxonomy = 'rubro';
        $tax_terms = get_terms($taxonomy); ?>

        <?php foreach ($tax_terms as $tax_term) { 
            echo '<option value="' .$tax_term->slug. '">' .$tax_term->name. '</option>';
        } ?>
	</select>
	<select id="select_especialidad" class="middle">
		<option value="null"><?php _e('Especialidad', 'cape'); ?></option>
		<?php
        //list terms in a given taxonomy (useful as a widget for twentyten)
        $taxonomy = 'especialidad';
        $tax_terms = get_terms($taxonomy); ?>

        <?php foreach ($tax_terms as $tax_term) { 
            echo '<option value="' .$tax_term->slug. '">' .$tax_term->name. '</option>';
        } ?>
	</select>
	<select id="select_region">
		<option value="null"><?php _e('Región', 'cape'); ?></option>
		<?php
        //list terms in a given taxonomy (useful as a widget for twentyten)
        $taxonomy = 'region';
        $tax_terms = get_terms($taxonomy); ?>

        <?php foreach ($tax_terms as $tax_term) { 
            echo '<option value="' .$tax_term->slug. '">' .$tax_term->name. '</option>';
        } ?>
	</select>
</form>

在片段中,我调用声明的分类法中的所有术语值。

有什么想法吗?提前谢谢你,原谅我的英语

1 个答案:

答案 0 :(得分:0)

由于您希望根据下拉选项向您的用户显示数据,其中所有字词在单词中分别按admin(无层次结构)

我建议你使用Ajax功能,在页面加载下使用唯一的class / id下拉一个空白下面的空白。

将所有选定的下拉列表(term id)传递到Ajax文件中,并在wp_query下面运行以获取过滤器记录。

如果你用slug替换并传入ajax文件,你可以从下拉值获得term的id。

$args['tax_query'] = array(
    array(
      'taxonomy' => 'put custom taxonomy name',
      'field' => 'id',
      'terms' => array_values($ids_of_terms)
    )
  );
  $query = new WP_Query($args);

你可以通过替换为空白div来附加div的Ajax respose并显示结果。