HTML <select> 默认选项

Question

我知道以前有人问过这个问题，但我有一个未解决的问题。

如何获得由服务器端脚本生成的默认值？

例如：

Weekday: <select name="weekday" class="right" value="<% =rs("Weekday")%>">
<option value="Monday">Monday</option>
<option value="Tuesday">Tuesday</option>
<option value="Wednesday">Wednesday</option>
<option value="Thursday">Thursday</option>
<option value="Friday">Friday</option>
<option value="Saturday">Saturday</option>
<option value="Sunday">Sunday</option>
</select>

我知道您可以将 selected 属性与常规元素一起使用，但我在这里陷入了循环。

有什么想法吗？

Answer 1

您希望您的 HTML 最终看起来像这样 - 注意默认情况下 "Friday" 到 select 星期五之后的 selected：

<select name="weekday" class="right">
  <option value="Monday">Monday</option>
  <option value="Tuesday">Tuesday</option>
  <option value="Wednesday">Wednesday</option>
  <option value="Thursday">Thursday</option>
  <option value="Friday" selected>Friday</option>
  <option value="Saturday">Saturday</option>
  <option value="Sunday">Sunday</option>
</select>

可以像这样使用一个快速而肮脏的 PHP 示例，其中要求每个选项验证它是否是当前日期的正确选项。如果是，则显示 selected 否则不显示任何内容。您可以在 http://phpfiddle.org/lite.

上试用此代码

<html>                                                                                      
<body>                                                                                      
    <select name="weekday" class="right">                                                   
        <option value="Monday" <?php echo setSelected('Monday'); ?>>Monday</option>         
        <option value="Tuesday" <?php echo setSelected('Tuesday'); ?>>Tuesday</option>      
        <option value="Wednesday" <?php echo setSelected('Wednesday'); ?>>Wednesday</option>
        <option value="Thursday" <?php echo setSelected('Thursday'); ?>>Thursday</option>   
        <option value="Friday" <?php echo setSelected('Friday'); ?>>Friday</option>         
        <option value="Saturday" <?php echo setSelected('Saturday'); ?>>Saturday</option>   
        <option value="Sunday" <?php echo setSelected('Sunday'); ?>>Sunday</option>         
    </select>                                                                               
</body>                                                                                     
</html>                                                                                     
<?php                                                                                       
function setSelected($day)                                                                  
{                                                                                           
    date_default_timezone_set('America/Chicago');                                           
    return strtolower($day) === strtolower(date('l')) ? ' selected' : '';                   
}                                                                                           
?>

我更倾向于在服务器端本身创建 select/option。同样，又快又脏 PHP 示例：

<html>
<body>
    <select name="weekday" class="right">
        <?php
        date_default_timezone_set('America/Chicago');
        $dayOfWeek = strtolower(date('l'));
        $days = array('Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday');
        foreach ($days as $day)
        {
            echo sprintf("<option value=\"%s\" %s>%s</option>\n",
                $day,
                $dayOfWeek == strtolower($day) ? 'selected' : '',
                $day
            );
        }
        ?>
    </select>
</body>
</html>

HTML <select> 默认选项

HTML <select> default option

html

php

html-select

server-side