我试图获取表单的元素,以便稍后使用它们创建对函数的ajax调用。
详细地讲,我有一个看起来像这样的表单:(只有我的表单大6倍)
<form>
<input type="text" name="name" id="name"/> <br />
<input type="text" name="email" id="email"/><br />
<input type="radio" name="gender" id="male" value="M"> Male<br />
<input type="radio" name="gender" id="female" value="F"> Female<br />
<input type="button" name="btn1" id="btn1" value="Set Variables" onClick="setSession();">
</form>
我需要编写一个函数来显示表单元素的名称或ID及其值或数组中的至少一个数字,因此我知道element [0]等于我的名字form变量。
我编写了该函数的几个不同版本,但最终迷失了方向,甚至更加困惑,这是我需要帮助的地方。
设置完变量后,我需要在我的ajax调用中使用它们,如下所示:
$.ajax({
url:'setSessions.cfc?method=setSession',
method:"POST",
data: {name: name,
email: email,
gender: gender}
});
它将调用setSessions组件,该组件将设置我的会话变量。
最佳答案
jsFiddle Demo
您可以像这样获取表单数据。
var formData = $('form').serialize();
$.ajax({
url:'setSessions.cfc?method=setSession',
method:"POST",
data: formData
});
如果要访问单个元素,可以执行此操作,
var name = $('#name').val();
var email = $('#email').val();