从输入对象plain js中检索值

Question

我有以下字段，

<input id="department" value="finance"/>

我正在尝试创建一个包含普通旧javascript字段的对象变量，如此。

var $field = $(document.getElementById("department"));

然后我试图从字段变量中提取值，但是它失败了。

$field.value;

有人知道我做错了什么吗？

Answer 1

它看起来像一个jQuery对象，它是DOM元素的集合，value属性附加到DOM元素。

你应该：

var field = document.getElementById("department");

// now you can access field.value

jQuery对象有一个val()方法，可以获取该属性的值：

var field = $('#department');

// here you can call field.val();

Answer 2

如果你想要一个DOM元素而不是一个jQuery对象，就失去对$()的调用：

$field = document.getElementById("department");