как установить значение для скрытого поля ввода из значения, введенного в другом поле ввода текста Javascript

Question

Я хочу получить имя этой формы и ввести имя скрытой формы

<input placeholder="Nome" class="form-control" type="text" 
name="morning[name]" 
id="morning_name">

скрытое поле

<input placeholder="Nome" hide_label="true" required="required" 
type="hidden" 
name="morning[foots_attributes][0][name]" 
id="morning_foots_attributes_0_name">

my bootstrap_form

<%= bootstrap_form_with(model: @morning, url: morning_path, local: true) do |form| %>

<%= form.text_field :name, placeholder: "Nome", hide_label: true%>

<%= form.fields_for :foots do |foot| %>
<%= foot.hidden_field :name, placeholder: "Nome", hide_label: true, required: true %>   
<% end %>

<%= form.submit "Registrar horário", class:"btn btn-primary", data: { disable_with: 
'Registrando....' } %>

<% end %>

<%= javascript_pack_tag 'custom' %>

Answer 1

Вы можете использовать jQuery .change() для выполнения sh этого.

$("#morning_name").change(function(){
    $("#morning_foots_attributes_0_name").val(this.value);
});

https://api.jquery.com/change/