javascript - Jquery获取表单字段值(Jquery get form field value)

Question

I am using a jquery template to dynamically generate multiple elements on the same page.(我正在使用jquery模板在同一页面上动态生成多个元素。)

Each element looks like this(每个元素都是这样的) <div id ="DynamicValueAssignedHere"> <div class="something">Hello world</div> <div class="formdiv"> <form name="inpForm"> <input type="text" name="FirstName" /> <input type="submit" value="Submit" /> </form> </div> </div> I would like to use Jquery to process the form on submit.(我想使用Jquery来处理提交表单。) 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?(我的问题是如何使用Jquery获取输入框的值？) For example, I can get the value of the div with class "something" by doing(例如，我可以通过执行类来获取div的值) 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(但它似乎没有起作用)   ask by translate from so

Answer 1

You have to use value attribute to get its value(您必须使用value attribute来获取其值)

<input type="text" name="FirstName" value="First Name" /> try -(尝试 - ) var text = $('#DynamicValueAssignedHere').find('input[name="FirstName"]').val();