Question

与this question类似，我想使用名为dropkick的下拉插件，它将选择菜单替换为更好看的自定义下拉菜单。这一次，我想把wordpress档案放在下拉列表中。这样做的标准方法是这样的：

<select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
  <option value=""><?php echo esc_attr( __( 'Select Month' ) ); ?></option> 
  <?php wp_get_archives( 'type=monthly&format=option&show_post_count=1' ); ?>
</select>

为了使这个技术适应dropkick，我想删除php的onchange js部分，所以它看起来像这样：

<form action="???" method="get" class="prettyArchive">
    <select>
         <option value=""><?php echo esc_attr( __( 'Select Month' ) ); ?></option> 
         <?php wp_get_archives( 'type=monthly&format=option&show_post_count=1' ); ?>
    </select>
</form>

将此下拉列表转换为“漂亮下拉列表”的jquery是：

$('.prettyArchive select').dropkick({
      theme: 'default',
      change: function (value, label) {
         INSERT CALLBACK HERE
      }
});

我需要一个回调模拟上面显示的onchange事件。我不相信需要提交表单，而是更改页面刷新？不太确定如何解决这个问题。有什么想法吗？

Answer 1

没有使用过那个特定的插件，所以我不确定将哪些值传递给回调，但可能是这样的：

$('.prettyArchive select').dropkick({
      theme: 'default',
      change: function (value, label) {
         document.location.href=value;
      }
});

使用Jquery onchange提交Wordpress表格下拉列表

1 个答案: