如何从另一个输入文本字段 Javascript 中输入的值将值设置为输入隐藏字段

Question

I want to get this form name and put in form name hidden

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

hidden field

<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

You can use the jQuery .change() to accomplish this.

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

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