如何从复选框中获取选定的多个值并以表格形式提交以获取匹配的搜索结果

2024-06-02 • 问答

此表单包含一个带有多个带有复选框的选项的下拉列表，现在，当用户选择1个或多个复选框并按Submit时，应该使用匹配的搜索结果来处理这些值。以前，我有一个select标签和一个option标签，用于获取结果。现在，由于添加了搜索多个选项的功能，因此添加了复选框，但是现在不确定如何获取结果。

HTML和php代码

<form action="<?php the_permalink() ?>" class="ajax-search-form leaders-header" id="searchform" method="post" role="search">
        <?php get_template_part( 'blocks/leaderboard/search-form' ) ?>
        <div class="sort">

        <body>
        <?php if ($departments = get_field_object('field_5da06da87ae0f')) : ?>
        <div class="sort-item">
        <div id="list1" class="dropdown-check-list" tabindex="100">
            <span class="anchor" style="font-size: small">All Departments</span>
            <ul id="items" class="items" name="department" >
                <label for="test">
                <?php foreach ($departments['choices'] as $key => $department) : ?>
                    <input type="checkbox" name="check" id="test" value="unchecked" /> <option style="font-size: small" <?php if ( isset($_REQUEST['role']) and $_REQUEST['role'] == $key) echo 'selected' ?> value="<?php echo $key; ?>">

                        <?php echo $department; ?></option></label></br>

                <?php endforeach; ?>

                <input style="font-size: small" type="submit" value="Submit" "/>
            </ul>
        </div>
        </div>
        <?php endif ?>
        </body>

JavaScript：

<script type="text/javascript">

            var checklist = document.getElementById('list1');
            var items = document.getElementById('items');
            var isChecked = document.getElementById('items').checked;
            checklist.getElementsByClassname('anchor')[0].onclick = function (evt) {
                if (items.classList.contains('visible')){
                    items.classList.remove('visible');
                    items.style.display = "none";
                }
                else{
                    items.classList.add('visible');
                    items.style.display = "block";
                }

            }

            items.onblur = function(evt) {
                items.classList.remove('visible');
            }


        </script>

import { Schedule } from "@rschedule/core/generators"; import '@rschedule/moment-tz-date-adapter/setup'; import moment from 'moment-timezone'; const schedule = new Schedule({ rrules: [ { frequency: "MONTHLY",//frequency: "WEEKLY",duration:1000 * 60 * 60 * 3,//input.workingHours[0].end-input.workingHours[0].start,byHourOfDay:[12],//input.workingHours[0].end start: moment.tz(Date.UTC(2019,1),'Europe/Berlin'),end: moment.tz(Date.UTC(2020,0),'Europe/Berlin') } ],timezone:'Europe/Berlin' });

如何从复选框中获取选定的多个值并以表格形式提交以获取匹配的搜索结果

miyavi16 回答：如何从复选框中获取选定的多个值并以表格形式提交以获取匹配的搜索结果

大家都在问