Save in DB js-generated field in Rails

Question

So I have a form in Rails, very basic. But I decided to add some features. Little bit of context.
You choose either you're a man or a woman, and then the form generate some field. I had a field that was already existing in the V1, but when I generate it with javascript, it's not saved in DB. I don't really understand why. Here are some code.

Controller

def create
  @pokemon = Pokemon.new(params[:pokefuck])

  respond_to do |format|
    if @pokemon.save
      format.html { redirect_to '/pokemons', notice: 'pokemon was successfully created.' }
      format.json { render json: @pokemon, status: :created, location: @pokemon }
    else
      format.html { render action: "new" }
      format.json { render json: @pokemon.errors, status: :unprocessable_entity }
    end
  end
end

View

Original field that works

<%= f.select "size", options_for_select(size, @pokemon.size) %>

size is a hash

Created one, that does not work

var s = document.createElement("select");
s.name = "po";
s.id = "pokemon_size";
sex.appendChild(s);
for(i in size) {
  document.formName.po.options[i] = new Option(size[i], size[i]);
}

I supposed it was because the name of my new element wasn't pokemon[size], but when I used this, the line document.formName.pokemon[size].options[i] didn't work anymore.

So I'm kinda struggling to see how I can make this works. Thanks!

It might be because your new fields are created on the fly and hence not part of the original DOM. — Dennis Hackethal
– Dennis Hackethal, Commented Apr 12, 2013 at 9:55
So that would mean I have to create two different forms ? Meh. — Simon
– Simon, Commented Apr 12, 2013 at 10:58

jemminger · Accepted Answer · 2013-04-12 22:02:24Z

1

Assuming from your controller code that your form fields are namespaced into "pokefuck", then you'll need to make the name of your select "pokefuck[size]", and then reference that name in the form's elements collection:

var s = document.createElement("select");
s.name = "pokefuck[size]";
s.id = "pokemon_size";
sex.appendChild(s);
for(i in size) {
  document.formName.elements['pokefuck[size]'].options[i] = new Option(size[i], size[i]);
}

answered Apr 12, 2013 at 22:02

jemminger

5,1734 gold badges29 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daniel Westendorf · Accepted Answer · 2013-04-12 17:40:42Z

1

The name of the field needs to put it into the params hash for you your pokefuck.

pokefuck[size] should be the name of the form element. Append the form element to the form element you're submitting.

answered Apr 12, 2013 at 17:40

Daniel Westendorf

3,47522 silver badges24 bronze badges

Collectives™ on Stack Overflow

Save in DB js-generated field in Rails

Controller

View

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Controller

View

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related