javascript - 入力オブジェクトプレーンjsから値を取得する

Question

次のフィールドがあります。

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

私はフィールドを含むオブジェクト変数をプレーンな古いjavascriptで作成しようとしています。

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

次に、フィールド変数から値を取得しようとしていますが、失敗しています。

$field.value;

私が間違っていることを誰かが知っていますか？

Answer 1

これは、DOM 要素のコレクションである jQuery オブジェクトのように見え、DOM 要素にvalueプロパティが関連付けられています。

あなたが持っている必要があります：

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

// now you can access field.value

jQuery オブジェクトには、val()そのプロパティの値を取得するメソッドがあります。

var field = $('#department');

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

Answer 2

$()jQuery オブジェクトではなく DOM 要素が必要な場合は、呼び出しを失います。

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