使用 Jquery onchange 提交 Wordpress 表单下拉列表答案

【问题标题】：Submit Wordpress Form dropdown with Jquery onchange使用 Jquery onchange 提交 Wordpress 表单下拉列表
【发布时间】：2012-05-07 18:52:31
【问题描述】：

类似于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 事件。我不认为需要提交表单，而是在更改时刷新页面？不知道该怎么做。有什么想法吗？

【问题讨论】：

标签： forms wordpress drop-down-menu form-submit

【解决方案1】：

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

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

【讨论】：