将搜索添加到‘Parent’下拉列表

时间:2016-01-25 作者:Boykodev

我从自定义帖子类型页面创建了一个产品目录。

我用它的层次结构来制作菜单和子菜单。这看起来是个好主意。。。

但现在这个目录越来越大,很难在“父目录”下拉列表中找到内容。

parent dropdown

有没有办法在那里添加搜索?

1 个回复
最合适的回答,由SO网友:denis.stoyanov 整理而成

您可以尝试使用Chosen. 我使用它是因为它与WooCommerce捆绑在一起。它基本上是将搜索框添加到<select> 要素我把样式留给你。最简单的解决方案是将其添加为插件。但如果你愿意,你可以把它添加到你的主题中。

添加CSSJS 文件:

<?php
function custom_scripts_wpse_215576() {
    //Chosen CSS file
    wp_enqueue_style ( \'chose-style\', plugin_dir_url( __FILE__ ) . \'css/chosen.min.css\', array(), \'1.4.2\', true );
    //Chosen JS file
    wp_enqueue_script( \'chosen-script\', plugin_dir_url( __FILE__ ) . \'js/chosen.jquery.min.js\', array(), \'1.4.2\', true );
    //Your JS file that will fire up Chosen
    wp_enqueue_script( \'main-script\', plugin_dir_url( __FILE__ ) . \'js/main-script.js\', array(), \'1.0.0\', true );
}

add_action( \'admin_enqueue_scripts\', \'custom_scripts_wpse_215576\' );
?>
  • 通过主脚本文件或您想要的任何位置选择Fire:

    jQuery( document ).ready(function() {
        jQuery("#parent_id").chosen({
            search_contains: true
        });
    });
    
  • Note: #parent_id 是父下拉列表的ID。

    这是基本设置。默认情况下,它将添加一个搜索框。请咨询文档以根据您的自定义设置进行调整。我希望这有帮助。