jsFiddle Demo

Question

我正在尝试获取表单的元素，以便稍后使用它们来创建对函数的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及其值或至少是数组中的数字，所以我知道元素[0]等于我的名字形式变量。

我写了几个不同版本的函数，但我最终迷失了，甚至更加困惑，这就是我需要帮助的地方。

我设置了变量后，我需要将它们用于我的ajax调用，它看起来像这样：

$.ajax({
    url:'setSessions.cfc?method=setSession',
    method:"POST",
    data: {name: name,
           email: email,
           gender: gender}
});

它将调用将设置会话变量的setSessions组件。

Answer 1

jsFiddle Demo

您可以像这样获取表单数据。

var formData = $('form').serialize();

$.ajax({
    url:'setSessions.cfc?method=setSession',
    method:"POST",
    data: formData
});

如果您想访问单个元素，可以执行此操作，

  var name = $('#name').val();
  var email = $('#email').val();

Answer 2

尝试使用jquery的serialize（或serializeArray）方法：

form.serialize();

在coldfusion中使用js获取Form元素

2 个答案:

jsFiddle Demo