處理空白選項的下拉式選單
2015-01-01 16:22:47

問題

想做一個下拉式選單讓使用者可以選取語言,如果使用者不選則預設為使用瀏覽器預設語系。不過預設的select似乎無法顯示空白選項。

解法

第一種方式是用prompt這個設定,它會在使用者尚未選取任何選項時顯示,不過一旦使用者選取其它項目,就不能選回空白。

f.input :locale, prompt: t(".use_browser_locale")

第二種是將include_blank設成true,這樣的確就會有一個空白的選項出現可以選擇,不過它完全沒有任何提示字顯示在選項上,真的就是空白。

f.input :locale, include_blank: true

第三種就是在include_blank後面接上要顯示的字串,這時候就會讓空白選項有提示字串顯示在上面。

f.input :locale, include_blank: t(".use_browser_locale")