使用jquery选择表单过滤器

Question

我为可用作业列表创建了一个页面。 页面中有两个功能：Pager和Select表单过滤器。 我需要一些帮助如何选择表单过滤器的工作原理。 以下是该页面的屏幕截图：

此页面由wordpress提供支持，每个职位都通过Post类型创建。请参阅下面的代码：

foreach ($multi_dimes_array as $val) {           
  if(is_array($val))
  {
    $total = $total + $val;
  }
}

我希望你能帮忙解决这个问题。

Answer 1

您可以尝试使用.change() jquery方法，因为它适用于此处的示例 https://api.jquery.com/change/ （观看演示）。

• 然后尝试$("a").attr("href", valueVariable);

之类的内容

• attr也可以用作$("element").attr("id", valueVariable);

• valueVariable在页面中具有元素的ID。

提示

在使用以下内容时使用普通HTML：

<a href="#tips">Visit the Useful Tips Section</a>

这将id元素转到同一页面。

评论结果并投票。

Answer 2

以下是使用select的事件change()进行过滤的小提琴。

$(document).ready(function() {
  $('.filter').change(function(){
    $('.filterable').each(function(){
      if($(this).data('ref') != $('.filter').val() && $('.filter').val() != -1) {
        $(this).hide();
      } else {
        $(this).show();
      }
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<form>
  <select class="filter">
    <option value="-1">No selection</option>
    <option value="1">City 1</option>
    <option value="2">City 2</option>
    <option value="3">City 3</option>
    <option value="4">City 4</option>
  </select>  
</form>

<div class="filterable" data-ref="1">
  <p>This is a dummy div for city 1</p>
</div>

<div class="filterable" data-ref="2">
  <p>This is a dummy div for city 2</p>
</div>

<div class="filterable" data-ref="3">
  <p>This is a dummy div for city 3</p>
</div>

<div class="filterable" data-ref="3">
  <p>This is a dummy div for city 3</p>
</div>

<div class="filterable" data-ref="2">
  <p>This is a dummy div for city 2</p>
</div>

<div class="filterable" data-ref="2">
  <p>This is a dummy div for city 2</p>
</div>

<div class="filterable" data-ref="4">
  <p>This is a dummy div for city 4</p>
</div>

<div class="filterable" data-ref="4">
  <p>This is a dummy div for city 4</p>
</div>

无论如何，此示例仅适用于单个选择，而不适用于多个选择。 selected选项更改时的方法，检查每个div的data-ref属性，并通过查看条件显示/隐藏div