您可以尝试使用Chosen. 我使用它是因为它与WooCommerce捆绑在一起。它基本上是将搜索框添加到<select>
要素我把样式留给你。最简单的解决方案是将其添加为插件。但如果你愿意,你可以把它添加到你的主题中。
添加CSS
和JS
文件:
<?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。
这是基本设置。默认情况下,它将添加一个搜索框。请咨询文档以根据您的自定义设置进行调整。我希望这有帮助。