CODEWITHSUNDEEP
ruby-on-railsrubyruby-on-rails-4simple-form
Ian Cheng
Ian Cheng

Reputation: 47

Ruby on Rails - form input a column and insert another column in the form

There is a question about simple_form in Ruby on Rails.
I would like to create a form.

I have two model like: Vehicle, Repair.

 <%= simple_form_for(@repair) do |f| %>
   <div class="form-inputs">
     <%= f.input :vehicle_id, include_blank: true, label: 'Vehicle_no' %>
   </div>
 <% end %>

When I create the repair form, I would like to search @vehicle.no.
and When I key in the keyword about vehicle number like: XXX-1211 and I choose the one I need, then I could get the id with @vehicle.no to placing with the vehicle number.

How could I achieve with that?

Thank you! 

> Updated

I have a input area to search for the Vehicle Number, but that value would be Vehicle id.

Form => Vehicle No [_____] <= input the vehicle.no, but I would like to put the value about the vehicle's id.

> Updated

This is the form This is the form above.

enter image description here And when I key in the part of the vehicle number, it could appear some vehicle number to be choosen.(Search Part)
enter image description here
If I choose XXX-112, and according to the below datatables, I could get the value id = 2 to submit the form.

  1. Vehicle_tables
id no
1 XXX-111
2 XXX-112
3 XXX-332
.
.
.
100 XXX-222

How could I achieve this goal? It use some of AJAX function?

I would like to use the search method because I have many vehicles data...

Sorry about the English skill to clearify the question..... :-(

Upvotes: 1

Views: 160

Answers (2)

Richard Peck
Richard Peck

Reputation: 76784

<%= simple_form_for @repair do |f| %>
    <%= f.collection_select :vehicle_id, Vehicle.all, :id, :no %>
    <%= f.submit %>
<% end %>

Upvotes: 0

Devin Howard
Devin Howard

Reputation: 705

https://github.com/plataformatec/simple_form#associations

<%= f.association :vehicle, label_method: :no, value_method: :id %>

This of course assumes that Repair has a has_one :vehicle line in its model file.

What this code will do is generate a select tag with all of the labels equal to the :no (which I assume is of the format XXX-1211), but the value of the select elements will be the vehicle_id

Now if you create a new repair, it will be a dropdown showing the @vechicle.no but storing @vechicle.id in the database.

To be able to search, you'll need some extra javascript library like select2 that turns a select box into an autocomplete element. Then you add input_html: {class: "select2"} to the f.input line above to use it.

Upvotes: 1

Related Questions