Question

我的第二个PHP作业要求我创建一个范围为几年的选择框，第二个选择框为12个月，然后是一个复选框，用户可以在下面的复选框中选择是否要选择整年。我已经创建了复选框，但是我不知道如何选择所有月份。我已经花了2多个小时的时间来寻找解决方案，对于没有为我的作业中的特定部分进行代码尝试，我深表歉意。老实说，我不知道从哪里开始。我现在对PHP的了解非常狭窄。我什至不知道如何正确地用谷歌搜索这个问题。每次搜索都会带我有关如何创建一个允许多个选择的选择框的说明。在创建“全选”选项时，我发现的唯一站点显示它是使用JS完成的。我必须在PHP中执行此操作。

我应该补充一点，在此分配中，只允许我使用带有CSS样式的PHP和HTML。

<!doctype html>
<html lang="en">
<head>
    <title>Calendar</title>
    <!--    <link rel="stylesheet" type="text/css" href="quote.css">-->
</head>
<body>
<section>
    <form id="yearForm" name="yearForm" method="post" action="">
        <label for="select_year">Select the year: </label>
        <?php
        // Sets the default year to be the current year.
        $date = new DateTime();
//        $current_year = date('Y');
        $current_year = $date->format('Y');
        // Year to start available options.
        $earliest_year = ($current_year - 5);
        // Set your latest year you want in the range.
        $latest_year = 2050;

        echo '<select>';
        // Loops over each int[year] from current year, back to the $earliest_year [1950]
        foreach ( range( $earliest_year, $latest_year ) as $i ) {
            // Echos the option with the next year in range.
            echo '<option value="'.$i.'" '.($i == $current_year ? ' selected="selected"' : '').'>'.$i.'</option>';
        }
        echo '</select>';
        ?>
    </form>
        <br />
        <br />
    <form id="monthForm" name="monthForm" method="post" action="">
        <label for="month">Select the month: </label>
<!--        <input type=hidden id="month" name=month>-->
                        <select id="month" name="month" >
                            <option value='01'>January</option>
                            <option value='02'>February</option>
                            <option value='03'>March</option>
                            <option value='04'>April</option>
                            <option value='05'>May</option>
                            <option value='06'>June</option>
                            <option value='07'>July</option>
                            <option value='08'>August</option>
                            <option value='09'>September</option>
                            <option value='10'>October</option>
                            <option value='11'>November</option>
                            <option value='12'>December</option>
                        </select>
                        <br />
                        <br />
        <label for="whole_year">Show whole year: </label>
        <input type="checkbox" id="whole_year" name="whole_year" >
        <br />
        <br />
        <input type="submit" class=inline name="submitButton" id="submitButton" value="Submit" />
    </form>
</section>
</body>
</html>

Answer 1

您可以使用select元素的multiple属性来选择多个选项，例如：

<select name="modules[]" multiple="multiple">
   <option value="1">a</option>
   <option value="2">b</option>
   <option value="3">c</option>
   <option value="1,2,3">All</option>
</select>

现在，您可以选择多个选项。

创建复选框以选择选择框中的所有选项

1 个答案: