Jquery获取表单域值(Jquery get form field value)

Jquery获取表单域值(Jquery get form field value)

我正在使用jQuery模板在同一页面上动态生成多个元素。 每个元素都是这样的

<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>

我想使用Jquery来处理提交的表单。 如果出现问题，我也希望将表单值还原为以前的值。 我的问题是如何使用Jquery获取输入框的值？ 例如，我可以通过做“class”来获取div的值

var something = $(#DynamicValueAssignedHere).children(".something").html();

以类似的方式，我想能够检索文本框的值。 现在，我试过

var text = $(#DynamicValueAssignedHere).children(".formdiv").findnext('input[name="FirstName"]').val();

但它似乎没有工作

I am using a jquery template to dynamically generate multiple elements on the same page. 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. 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

最满意答案

你必须使用value attribute来获取它的值

<input type="text" name="FirstName" value="First Name" />

尝试 -

var text = $('#DynamicValueAssignedHere').find('input[name="FirstName"]').val();

You have to use value attribute to get its value

<input type="text" name="FirstName" value="First Name" />

try -

var text = $('#DynamicValueAssignedHere').find('input[name="FirstName"]').val();