Question

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

我像这样创建了下拉列表

<?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)即可指示默认值。有没有人知道另一种方式来表明这更令人赏心悦目？

Answer 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>

Answer 2

也许是这样的？

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

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

Answer 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;
}

如何在下拉菜单中指明默认值

3 个答案: