javascript - 从输入对象普通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");