Jquery get form field value

Question

I am using a jquery template to dynamically generate multiple elements on the same page  Each element looks like this   lt div id   DynamicValueAssignedHere  gt       lt div class  something  gt Hello world lt  div gt       lt div class  formdiv  gt           lt form name  inpForm  gt               lt input type  text  name  FirstName    gt               lt input type  submit  value  Submit    gt           lt  form gt       lt  div gt   lt  div gt    I would like to use Jquery to process the form on submit  I would also like to revert the form values to their previous values if something should go wrong  My question is How can I get the value of input box using Jquery  For example  I can get the value of the div with class  something  by doing  var something      DynamicValueAssignedHere  children   something   html      In a similar fashion  I want to be able to retrieve the value of the textbox  Right now  I tried  var text      DynamicValueAssignedHere  children   formdiv   findnext  input name  FirstName     val      but it doesn t seem to be working

User · Answer

An alternative approach  without searching for the field html   var  form           DynamicValueAssignedHere  find  form    var formData    form serializeArray    var myFieldName    FirstName   var myFieldFilter   function  field      return field name    myFieldName    var value   formData filter myFieldFilter  0  value

User · Answer

if you know the id of the inputs you only need to use this   var value       inputID   val

User · Answer

It can be much simpler than what you are doing   HTML    lt input id  myField  type  text  name  email   gt    JavaScript      getting the value var email       myField   val        setting the value     myField   val   new value here

User · Answer

var textValue      input type text    val     this will get all values of all text boxes  You can use methods like children  firstchild  etc to hone in  Like by form         form name form1  input type text    Easier to use IDs for targeting elements but if it s purely dynamic you can get all input values then loop through then with JS

User · Answer

You have to use value attribute to get its value   lt input type  text  name  FirstName  value  First Name    gt    try -   var text       DynamicValueAssignedHere   find  input name  FirstName     val

User · Answer

You can get any input field value by     input fieldAttribute value    val    here is an example   x000D   x000D  displayValue        gt    x000D   x000D       you can get the value by name attribute like this x000D     x000D    console log  value of firstname          input name firstName    val     x000D     x000D       if there is the id as lastname x000D     x000D    console log  value of lastname by id           lastName   val     x000D     x000D       get value of carType from placeholder   x000D    console log  value of carType from placeholder        input placeholder carType    val     x000D   x000D    x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt div class  formdiv  gt  x000D       lt form name  inpForm  gt  x000D           lt input type  text  name  firstName  placeholder  first name   gt  x000D           lt input type  text  name  lastName  id  lastName  placeholder  last name   gt  x000D           x000D           lt input type  text  placeholder  carType    gt  x000D           lt input type  button  value  display value  onclick  displayValue     gt  x000D           x000D       lt  form gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

You can try these lines       DynamicValueAssignedHere  formdiv form   contents   find  input name  FirstName     prevObject 1  value

User · Answer

x000D   x000D     form   submit function event    x000D       x000D        var firstfield value    event currentTarget 0  value  x000D        x000D        var secondfield value   event currentTarget 1  value   x000D        x000D        alert firstfield value   x000D        alert secondfield value   x000D        event preventDefault     x000D           x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt form action    method  post   gt  x000D   lt input type  text  name  field1  value  value1  gt  x000D   lt input type  text  name  field2  value  value2  gt  x000D   lt  form gt  x000D   x000D   x000D

[javascript] Jquery get form field value

Examples related to javascript

Examples related to jquery