如何修改Rails中select表单助手的HTML属性？

嘿，我懂你这会儿的头疼——select_tag用得顺顺当当，换成form.select之后，HTML样式和ID怎么都不生效对吧？问题出在你没摸透form.select的参数结构，还把prompt选项放错地方啦！

先搞清楚form.select的正确参数逻辑 #

Rails里form.select的参数是严格按顺序来的：

form.select(关联属性名, 选项列表, 表单配置哈希 = {}, HTML属性哈希 = {})

划重点：第三个参数是表单专属配置（比如prompt、默认选中项），第四个参数才是HTML样式、ID这类标签属性，这两个哈希是分开传递的，不能混在一起。

另外你之前踩了个小坑：options_from_collection_for_select的第四个参数是用来指定默认选中值的，根本不支持prompt选项！你把prompt: "All"塞在这里完全没用，得把它挪到form.select的第三个参数里才行。

正确的写法示例 #

把代码改成这样就没问题了：

<%= form.select :district_id, options_from_collection_for_select(districts, "id", "title"), { prompt: "All" }, { class: "select_inside_col", id: "locality" } %>

咱们拆解开看：

1. 第一个参数:district_id：关联的模型属性名，这个没毛病
2. 第二个参数：用options_from_collection_for_select生成选项列表，这里只传集合、value字段、text字段就够了
3. 第三个参数{ prompt: "All" }：这才是放prompt的正确位置，会自动生成顶部的提示选项
4. 第四个参数{ class: "select_inside_col", id: "locality" }：直接传HTML属性哈希，这次就能正确渲染到<select>标签里了

更省心的替代方案 #

其实Rails还有个更简洁的方法collection_select，能直接把集合、value字段、text字段、表单配置、HTML属性整合在一起，不用单独调用options_from_collection_for_select，写起来更顺手：

<%= form.collection_select :district_id, districts, :id, :title, { prompt: "All" }, { class: "select_inside_col", id: "locality" } %>

这个效果和上面的代码完全一致，但代码更精简~

内容的提问来源于stack exchange，提问作者Alexander Gorg