Rails passing value to hidden field using javascript

Question

I have an array structured as follows:

<% @locations = [['Town 1',2],['Town 2',2]...] %>

That I pass through an options_for_select tag that passes the shows the town name correctly and passes the id when submitted which is great. But, what I want to do is pass the town name (key?) as well to display on the results page as well. I understand the best method is to use a hidden_field_tag with javascript to pass the value through, but all I can pass is the id value, not the town name value.

Form

<%= form_tag(results_path, method: :post) do %>
  <%= select_tag :location, options_for_select(@locations) %>
  <%= hidden_field_tag(:location_name, value = nil, html_options = {id: 'locationName'}) %>
  <%= submit_tag 'Submit' %>
<% end %>

Javascript

$('#location').change(function(){
  var input = document.getElementById("location");
  var site = document.getElementById("locationName");
  site.value = input.value;
})

Emu · Accepted Answer · 2021-10-07 03:47:20Z

1

As you're using jquery:

$('#location').change(function(){
  var locationName = $("#location option:selected").text(); # this will return the selected option text e.g. location name
  $("#locationName").val(locationName);
})

Hope it works!

answered Oct 7, 2021 at 3:47

Emu

5,9253 gold badges35 silver badges52 bronze badges

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

1 Comment

DollarChills Over a year ago

Perfect! Works a treat. Appreciate the help @Emu.

Collectives™ on Stack Overflow

Rails passing value to hidden field using javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related