JavaScriptを使用してテキストフィールドの値を取得するにはどうすればよいですか？ （jQuery）

Question

jQueryを使用してテキストフィールドの値を取得しようとしていますが、動作しません。 JavaScriptで

alert($('#user_time_zone_offset_hours').value); //Result is 'undefined' 

：HTMLで私はこれを持って

：JavaScriptで

<input type="text" id="user_time_zone_offset_hours" name="user_time_zone_offset_hours" value="7"/> 

、jQueryの使用（これは動作しません）以下

はテストですjQueryを使用していない（本作品）：

alert(document.getElementById("user_time_zone_offset_hours").value); //Result is 7 

jQueryが「未定義」を返すのはなぜですか？

Answer 1

jQueryは元のDOMオブジェクトを独自のオブジェクトにラップするため、.valueプロパティには直接アクセスできません。

は、元のDOMオブジェクトを取得するには、配列としてjQueryオブジェクトにアクセスすることができます。

$('#user_time_zone_offset_hours').val(); 

Answer 2

あなたが使用することができます。

$('#user_time_zone_offset_hours')[0].value; 

また、jQueryのは、入力の値を取得するための方法を提供し、 $('#user_time_zone_offset_hours').html()。

Answer 3

.valueが正しい呼び出しではないため、動作しません。 .val() functionをお試しください。

alert($('#user_time_zone_offset_hours').val()); 

Answer 4

お試し$('#user_time_zone_offset_hours').val()

Answer 5

値は、あなたものHTMLコンテンツを取得するために、内側段落要素のテキスト、または

$('#any_div').html() 

を取得するために

$('p').text() 

を使用することができます

$('#user_time_zone_offset_hours').val() 

を試してみてください取得するには任意の要素。

text()とhtml()の違いは、text()を使用してHTMLコンテンツを設定すると、

$("#and_div").text('<a href="example.com">Link</a>'); 

それは

<a href="example.com">Link</a>