Hidden text field to be set to other Text Field value

Sinstein

I have the following form in rails:

<%= form_for :key, :url => delete_keys_path,:html => { :method => :get } do |f| %>
  <%= f.label :key_value %>
  <%= f.text_field :key_value %>
  <%= button_to 'Delete', :class => 'btn',
            method: :delete,
            data: { confirm: 'Are you sure?' } %>
<% end %>

<%= form_for :key ,:url => unblock_keys_path,:html => { :method => :get } do |f| %>
  <%= f.hidden_field  :key_value %>
  <%= button_to 'Unblock', :class => 'btn',
            method: :get %>
<% end %>

<%= form_for :key, url: keep_alive_keys_path, :html => { :method => :get }  do |f| %>
  <%= f.hidden_field :key_value %>
  <%= button_to 'Keep Alive', :class => 'btn',
            method: :get %>
<% end %>

I want the user to input a key value and choose specific action based on which button he clicks. Since only one input is needed I set up one text field and other hidden fields

The hidden field must be set equal to value in text field on submit. I know i will have to use JavaScript but how do I do it?

thereisnospoon

Assign an id to the text field, say "textField", and to the hidden field as well, say "hiddenField".

Now using javascript,

var textFieldElement = document.getElementById("textField");
var hiddenFieldElement = document.getElementById("hiddenField");
var text = textFieldElement.value;
hiddenFieldElement.value = text;

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

pass variable value in hidden text field in jquery

From Dev

How to set value in the other text field when dropdown list selected?

From Dev

How to clear a text field on entering value in other text field

From Dev

Set display value of text field on change of other text item in Oracle ApEx

From Dev

How to get the value onchange of Hidden text field value

From Dev

Which is new method to set value for text field

From Dev

Set value to currency in text input field

From Dev

hidden field value set by jquery?

From Dev

Populate text field initial value based on input from other text field

From Dev

Set value to other input field

From Dev

xhtml text field with long label hidden inside

From Dev

Need to pass data to hidden text field in Selenium

From Dev

Copy Checkbox Labels to a Hidden text field

From Dev

Set value of hidden field via Javascript

From Dev

unable to set value to hidden field from jquery

From Dev

Get and set text in a xml field

From Dev

Geb: Set text in a input field

From Dev

Set a text area to required field

From Dev

Set value of input text field inside jquery.on

From Dev

Spanish text is not displayed properly when value is set to input field

From Dev

How to set value of text field all at once with a webdriver?

From Dev

how to set value of text field in html from nodejs?

From Dev

how to use text_field_value_set method in pageobject

From Dev

How to set text-field and retrieve value from it in BootstrapDialog

From Dev

how to set value in text field in angularjs on row click

From Dev

Set value text field in Activiti Worflow (Alfresco Model)

From Java

Get Value of a Edit Text field

From Dev

Insert dropdown value into text field

From Dev

Check text field value with database

Related Related

  1. 1

    pass variable value in hidden text field in jquery

  2. 2

    How to set value in the other text field when dropdown list selected?

  3. 3

    How to clear a text field on entering value in other text field

  4. 4

    Set display value of text field on change of other text item in Oracle ApEx

  5. 5

    How to get the value onchange of Hidden text field value

  6. 6

    Which is new method to set value for text field

  7. 7

    Set value to currency in text input field

  8. 8

    hidden field value set by jquery?

  9. 9

    Populate text field initial value based on input from other text field

  10. 10

    Set value to other input field

  11. 11

    xhtml text field with long label hidden inside

  12. 12

    Need to pass data to hidden text field in Selenium

  13. 13

    Copy Checkbox Labels to a Hidden text field

  14. 14

    Set value of hidden field via Javascript

  15. 15

    unable to set value to hidden field from jquery

  16. 16

    Get and set text in a xml field

  17. 17

    Geb: Set text in a input field

  18. 18

    Set a text area to required field

  19. 19

    Set value of input text field inside jquery.on

  20. 20

    Spanish text is not displayed properly when value is set to input field

  21. 21

    How to set value of text field all at once with a webdriver?

  22. 22

    how to set value of text field in html from nodejs?

  23. 23

    how to use text_field_value_set method in pageobject

  24. 24

    How to set text-field and retrieve value from it in BootstrapDialog

  25. 25

    how to set value in text field in angularjs on row click

  26. 26

    Set value text field in Activiti Worflow (Alfresco Model)

  27. 27

    Get Value of a Edit Text field

  28. 28

    Insert dropdown value into text field

  29. 29

    Check text field value with database

HotTag

Archive