jQuery를 사용하여 텍스트 상자의 가치를 얻는 방법은 무엇입니까?


486

나는 이와 같은 요소 $("#txtEmail")를 얻을 수 있지만 실제 가치를 얻는 방법을 모르겠습니다.


22
당신은 $ ( "txtEmail"). val ()을 시도 했습니까
Perpetualcoder

2
hehehe ... 문제는 클릭 이벤트에서 내 기능을 참조하는 것을 잊었다는 것입니다 =)
Micah

답변:


765

있다 .val()방법 :

id가 입력 된 txtEmail경우 다음 코드를 사용하여 텍스트 상자의 값에 액세스 할 수 있습니다.

$("#txtEmail").val()

val(string)방법을 사용하여 해당 값을 설정할 수도 있습니다 .

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

2
왜 '.value ()'가 jQuery에서 작동하지 않습니까? 내가 직관적으로 시도한 것이기 때문에 Google을 검색하지 않았을 것입니다. 왜 두 문자를 단축 선택 ...
마이크 드 클레르 크

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


23

가능한 중복 :

양식 정보를 식별하기 위해 ID가 아닌 필드 이름을 사용하는 경우 추가 정보를 찾는 데 오랜 시간이 걸렸습니다. 당신은 이것을 이렇게합니다 :

라디오 버튼 :

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

텍스트 상자의 경우 :

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

여러 질문에 대한 복사 및 붙여 넣기 상용구 / 언어 답변을 게시 할 때 커뮤니티에서 '스팸 (spammy)'으로 표시되는 경향이 있습니다. 이 작업을 수행하는 경우 일반적으로 질문이 중복됨을 의미하므로 대신 다음과 같이 플래그를 지정하십시오. stackoverflow.com/questions/1320088
Kev

1
@ Kev : 나는 그런 태그에 대해 몰랐다. 그러나이 솔루션을 게시 한 시간 동안 그것이 복제본인지 확실하지 않습니다. 그래서 그렇게 게시 된 게시물을 찾을 수 없습니다. 그러나 그래 앞으로 나는 명심하고 알려 주셔서 감사합니다.
유사 프 압둘라

1
"input : text"는 같은 이름을 가진 2 개의 컨트롤이 있기 때문에 도움이되었습니다. : <(내 코드를 참고로 방금 상속 함)
granadaCoder


6

이있다 .val();사용할 수 방법이 있습니다.

따라서 귀하의 상황에서 사용하고 싶을 것 $("#txtEmail").val();입니다. 또한 id 속성을 HTML 코드에 추가하십시오!


5

.val()메소드를 사용하여 필요한 요소의 실제 값을 얻으십시오.


4

ID 또는 클래스 이름으로 Texbox 컨트롤의 값에 액세스 할 수 있습니다.

예제 코드는 다음과 같습니다.

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

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

텍스트 상자 컨트롤 값을 얻기 위해 클래스 이름을 사용하면 다른 컨트롤에 대해 동일한 클래스 이름을 정의 할 수 있으므로 다른 또는 잘못된 값을 반환 할 수 있습니다. 따라서 특정 텍스트 상자의 가치를 얻는 것은 ID로 가져올 수 있습니다.


2

사용하여

$("#txtEmail").val()

당신은 요소의 실제 가치를 얻습니다

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.