Question

这是我的搜索表单中的下拉搜索n过滤器字段，当我单击该字段时，它会显示下拉列表中的整个类别，但是，我想将此字段设置为自动填充字段，当用户键入某些单词时会自动出现包含该单词的分类法（类别）。

这是

中的代码

search-form.php

该字段。

<div class="ebd-directory-subject ebd-search-field">
        <label class="ebd-title-field-lbl"><?php _e('subject', 'everest-business-directory'); ?></label>
        <select name="directory_subject">
            <option value=""><?php _e('Choose Subject', 'everest-business-directory'); ?></option>
            <?php
            $selected_directory_subject = (!empty($_GET[ 'directory_subject' ])) ? intval($_GET[ 'directory_subject' ]) : '';
            $selected_directory_tag = (!empty($_GET[ 'directory_tag' ])) ? intval($_GET[ 'directory_tag' ]) : '';
            $terms = get_terms('subject', array( 'hide_empty' => 0 ));
            $subjectHierarchy = array();
            $ebd_directory_library->sort_terms_hierarchicaly($terms, $subjectHierarchy, 0);

            echo $ebd_directory_library->print_option($subjectHierarchy, array(), 1, '', 'directory_subject', $selected_directory_subject);
            $terms = get_terms('ebd-tags', array( 'hide_empty' => 0 ));
            $subjectHierarchy = array();
            $ebd_directory_library->sort_terms_hierarchicaly($terms, $subjectHierarchy, 0);
            ?>
        </select>
    </div>

我还附上pix以获得更清晰的解释：外观：how it functions

我希望它看起来如何：how i want it to function

Answer 1

您可以使用此js插件实现您的目标： https://selectize.github.io/selectize.js/

或选中https://select2.org/。

但是对于您想要的东西，我会推荐第一个，因为select2有时会很烦人-这是一个非常好的插件，但是随着时间的流逝，当我在wordpress中使用它时，我遇到了麻烦。

自动完成搜索表单中的下拉列表

1 个答案: