jQueryを使用してテキストボックスの値を取得するにはどうすればよいですか?


486

このような要素を取得できます$("#txtEmail")が、実際の値を取得する方法がわかりません。


22
$( "txtEmail")。val()を試しましたか
Perpetualcoder

2
hehehe ...問題は、クリックイベントで自分の関数を参照するのを忘れていたことでした=)
Micah

回答:


765

.val()メソッドがあります:

idの入力があるtxtEmail場合は、次のコードを使用してテキストボックスの値にアクセスできます。

$("#txtEmail").val()

val(string)メソッドを使用してその値を設定することもできます。

$("#txtEmail").val("something")

2
'.value()'がjQueryで機能しないのはなぜですか?もしそうなら、私はグーグルを検索しなかっただろう。なぜなら、これは私が直感的に試みたものだからである。なぜ2文字に短縮することを選択するのか...
Mike de Klerk、2015

var user_email = $("#txtEmail").val()
Nipek


23

可能な重複:

フォームフィールドを識別するためにIDではなくフィールド名を使用していた場合、find.whatに長い時間を要した追加情報のみ。あなたはこのようにします:

ラジオボタンの場合:

 var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();

テキストボックスの場合:

 var txt=$('input:text[name=DrugDurationLength]').val();

複数の質問に対するコピーと貼り付けの定型文/逐語的回答を投稿するときは注意してください。これらはコミュニティによって「スパム行為」としてフラグが付けられる傾向があります。これを行っている場合、通常は質問が重複していることを意味するため、代わりにフラグを立てます:stackoverflow.com/questions/1320088
Kev

1
@Kev:私はそのようなタグ付けについて知りませんでした。ただし、私がこのソリューションを投稿したときに、それがまったく重複していたかどうかはわかりません。私はそう投稿されたSOでそれを見つけることができませんでした。しかし、はい、私は心に留めておいて、知らせてくれてありがとう。
Yoosaf Abdulla

1
同じ名前のコントロールが2つあるので、「input:text」が役に立ちました。:<(私のコードに注意してください、継承しただけです)
granadaCoder


6

.val();使用できる方法があります。

だからあなたの状況ではあなたが使いたいでしょう$("#txtEmail").val();。また、HTMLコードにidプロパティを必ず追加してください。


5

.val()メソッドを使用して、必要な要素の実際の値を取得します。


4

Texboxコントロールの値には、IDまたはクラス名でアクセスできます。

次にコード例を示します。

<input type="text" id="txtEmail" class="textbox" value="1">

$(document).ready(function(){
   alert($("#txtEmail").val());
   alert($(".textbox").val());//Not recommended 
});

テキストボックスコントロールの値を取得するためにクラス名を使用すると、同じクラス名を他のコントロールにも定義できるため、他の値または間違った値を返す可能性があります。したがって、特定のテキストボックスの値を取得するには、そのIDを使用します。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.