javascript - 在coldfusion中用js获取表单元素

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 及其值或至少是数组中的一个数字，这样我就知道 element[0] 等于我的名称表单变量。

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

设置变量后，我需要将它们用于我的 ajax 调用，如下所示:

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

它将调用 setSessions 组件来设置我的 session 变量。

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();