我试图获取表单的元素,以便稍后使用它们创建对函数的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();

10-04 22:26
查看更多