Question

<select class="form-control" id="service_select">    
     <option disabled="disabled"></option>
</select>

在chrome中很好。有没有其他方法可以使其禁用但不隐藏？感谢。

Answer 1

该选项未被隐藏 - 您只是没有任何文字：

<select class="form-control" id="service_select">    
     <option disabled="disabled">Place some text here</option>
</select>

如果您的第一个选项被禁用（因此无法选择），Firefox将选择第一个未禁用的选项。

<select class="form-control" id="service_select">    
     <option disabled="disabled">One</option>
     <option disabled="disabled">Two</option>
     <option>Three</option>
</select>

当您检查下拉列表时，可以看到前两个选项，但无法选择 - 因此在上面的示例中将选择“三个”。

如果您想阻止用户选择第一个选项，但想要显示它 - 请使用值为空值的required属性...

    <select required>
        <option value="">Please select</option>
        <option value="1">One</option>
        <option value="2">Two</option>
    </select>

<select> <option disabled =“”>使选项在firefox中消失</option> </select>

1 个答案: