Question

我的问题很简单：我有一个包含多个选项的选项，我想要做的就是将这些选项的内部文本（a.k.a.下拉列表中显示的文本）完全大写。

目前我看起来像这样（已编译的html）：

<select class="select required form-control" id="home_region" name="home[region]">
<option value=""></option>
<option value="ag">Ag</option>
<option value="ar">Ar</option>
<option value="ai">Ai</option>
<option value="be">Be</option>
...

我的Ruby on Rails代码（使用Simple Form Gem的Rails 4）是：

f.input :region, collection: Home::Region::REGIONS.map { |region| [ t(region, scope: 'regions'), region] }, label: 'Region'

上面映射的'Home :: Regions :: REGIONS'很简单，一个填充了区域的数组（sam格式在相应的html选项的值标记中）。

对我来说，如何制作大写，css，jquery，ruby，任何有效的东西都没关系。）

提前感谢您的帮助！

Answer 1

如果你看起来很像，你最好使用CSS：

#home_region option {
  text-transform: uppercase;
}

Answer 2

我将使用CSS文本转换属性为此建议解决方案。

# home_region {

text-transform: uppercase;

}

Answer 3

 function upperConvrt()
    {
        $("#home_region option").each(function()
        {
            $(this).text($(this).text().toUpperCase())
        });
    }

在页面加载后调用上面的内容。

如何使选择选项的内部文本大写？

3 个答案: