如何在下拉菜单中指示默认值答案

【问题标题】：How to indicate the default value in a dropdown menu如何在下拉菜单中指示默认值
【发布时间】：2014-09-11 20:56:43
【问题描述】：

我有一个包含许多下拉菜单的表单。每个下拉菜单都有一个默认选项。我知道如何设置此默认值，但我不确定如何指示此值，以便人们知道这是默认值。

我这样创建下拉菜单

<?php
    for ($mismatch = 0; $mismatch <= 3; $mismatch ++) {
        if($mismatch == 1){
            $select_mismatch .= "<option value = $mismatch selected > ".$mismatch." (default) </option>";
        } else {
            $select_mismatch .= "<option value = $mismatch > ".$mismatch." </option>";
        }
    }
?>

所以在网页上，下拉菜单看起来像：

option 1 (default)
option 2
option 3

所以现在我通过添加(default) 来指示默认值。有谁知道另一种更顺眼的方式来表示这一点？

【问题讨论】：

我认为你的下拉菜单中有高度

标签： html drop-down-menu default

【解决方案1】：

试试这个：

<select data-placeholder="Please Select" class="required select-full" name="status" >
                <option value=""></option>
                <option value="1" <?php if ($post['status'] == "1") { ?> selected="true" <?php } ?>>Enable</option>
                <option value="0" <?php if ($post['status'] == "0") { ?> selected="true" <?php } ?>>Disable</option>
            </select>

【讨论】：

我知道如何创建它，只是不确定如何在表单本身中显示它

【解决方案2】：

可能是这样的？

<select name="test"> 
    <option> 
    1 
    </option> 
    <option> 
    2 
    </option> 
    <option selected> 
    3 
    </option> 
    <option> 
    4 
    </option> 
    <option> 
    5 
    </option> 
</select>

除非您的意思是下拉悬停菜单？如果是这样，那么您可以为默认选项添加颜色。

【讨论】：

【解决方案3】：

可以使用 CSS 类来表示。

JSFiddle DEMO

<select name="" id="">
    <option value="1">please choose</option>
    <option value="2" class="default">default</option>
    <option value="3">other item</option>
</select>

.default{
    background: #000;
    color: #fff;
}

【讨论】：