如何使選擇選項的內部文本爲大寫？

我的問題非常簡單：我有一個包含多個選項的選擇，我想要做的就是將這些內容（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的代碼（使用簡單的表單寶石的Rails 4）：

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

「首頁::地區::上面映射的REGIONS'很簡單：一個數組填充了區域（sam格式，就像在相應html選項的value標記中一樣）。

不要緊，對我來說它是如何做大寫，CSS，jQuery的，紅寶石，任何工作是幫助精細:)

提前感謝！

來源

2014-11-14 NickEckhart

@emmanuel：該死，使用select＃home_regions工作！我試圖用CSS改變個別選項，失敗了。非常感謝m8的快速回答！ – NickEckhart

如果長相是你以後，你最好關閉使用CSS：

#home_region option { 
    text-transform: uppercase; 
}

來源

2014-11-14 08:59:47 tomekwi

我會建議該使用CSS文本轉換屬性的解決方案。

# home_region {

text-transform: uppercase;

}

來源

2014-11-14 09:02:47 user3136884

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

呼叫頁面加載上述後。

來源

2014-11-14 09:07:29

如何使選擇選項的內部文本爲大寫？

回答

相關問題