RoR - Select tag with include_blank disable
I want a result like this :
-
Ito A's answer will not work in Rails 4.2 (Unsure about earlier versions). From the documentation...
:disabled - can be a single value or an array of values that will be disabled options in the final output.
Therefore, the
:disabledoption should be given a value that matches the value of one of the options in the collection. So,:disabled => 'volvo'would disable the option withvalue='volvo'. However, it will not match the include_blank option, because that option is not part of the collection passed into the select method.Rails select helper does not directly support the desired behavior. However, you can work around it by adding a blank option to the collection as follows.
Create the collection and then add a blank option to it.
car_names = %w(volvo saab mercedes audi) car_names_with_blank = car_names.map{|c| [c, c]}.prepend(['Choose a car', nil])In the view:
<%= f.select(:name, car_names_with_blank, {disabled: '', selected: ''}) %>Here's a link to a Github repository with a working example. The example also shows that Ito A's answer and other answers to similar SO questions will not work.
UPDATED: I Have updated my answer with a solution and additional info.
讨论(0) -
I believe they add the functionality in Rails 6.
From the pull request:
Enable select tag helper to mark
promptoption asselectedand/ordisabledforrequiredfield. Example:select :post, :category, ["lifestyle", "programming", "spiritual"], { selected: "", disabled: "", prompt: "Choose one" }, { required: true }Placeholder option would be selected and disabled. The HTML produced:
<select required="required" name="post[category]" id="post_category"> <option disabled="disabled" selected="selected" value="">Choose one</option> <option value="lifestyle">lifestyle</option> <option value="programming">programming</option> <option value="spiritual">spiritual</option> </select>讨论(0) -
I believe what you are looking for is as below:
<%= f.select(:car, xxxxxx, {:include_blank => 'Choose a car', :disabled => 1}) %>讨论(0) -
An application of the above noted solution follows.
create the application helper function
def build_selections(prompt: "Select One", selections: {}) selections.reverse!.push([prompt, nil]).reverse! endthen use it in your view:
<%= f.select :category_id, build_selections(prompt: 'Select Category', selections: @category.collect{|x| [x.name, x.id]}), disabled: '' %>讨论(0)
加载中...
- 热议问题