jquery - jquery中如何通过名称获取表单元素？

Question

我有这个表格

var sformElem = $('form[name="search_form"]')[0];

我可以通过以下方式访问名称为“fieldname”的表单元素

var inputField = sformElem.fieldname;

    if (inputField) {  // true
    alert("this is true"); 
    } 

但是当我尝试使用 jquery 的 val() 方法访问该值时，javascript 崩溃了。

inputField.val() 未定义。

但执行inputField.value会返回值

为什么 val() 方法不起作用？ 我哪里出错了？ 另外，请建议最合适的按名称访问表单元素。

我知道的一种方法是

$("#form2 input[name=name]")

但在这里我们通过 id 获取表单并通过名称获取输入字段。

我想按名称获取表单和表单元素。

Answer 1

为什么 val() 方法不起作用？

inputField.val() 返回“未定义”，因为 inputField 是 DOM 元素而不是 jQuery 对象。 DOM 元素没有 val() 方法。所以错误是正确的。

您需要将其转换为 jQuery 对象。喜欢

$(inputField).val()

我想按名称获取表单和表单元素。

var elem = $('form[name="search_form"] input[name=name]');