텍스트 상자에서 값을 가져 오지 않습니다.

Question

내 javascript 코드의 경우 Get the value in an input text box에 2 개의 대체 솔루션을 사용해 보았습니다. 답은 RJD22에서 2 개로, 아래 코드를 참조하십시오. 옵션 A는 정상적으로 작동하지만 옵션 B는 작동하지 않습니다. 그림을 입력 할 때 콘솔에 '정의되지 않음'이 표시됩니다 (또는 일부 텍스트).

B가 작동하지 않는 이유는 무엇입니까? 옵션 A를 사용할 수는 있지만 양식 필드가 채워 졌는지 확인하고 val() 설명 (http://api.jquery.com/val/)에서 값을 채울 때 val()이 반환하지 않는 것을 확인할 수 있습니다.

Thnx 사전에 모든 의견을.

html 코드 :

this.usage = $("#usage").val(); //OPTION A: WORKS 

this.usage = $("#usage").attr("value"); //OPTION B: DOESNT WORK 

console.log(this.usage); 

Answer 1

val() 반환 '' (빈 문자열) 값이 입력되지 않았습니다. prop 또는 attr 대신 val()을 사용해야합니다.

Fiddle.

Answer 2

attr이 HTML의 실제 속성을 가져 오는 데 사용됩니다 : 자바 스크립트 코드

</label> <input id="usage" type="text" name="usage"> 

. 제 생각에는 prop을 사용해야합니다.

당신은 attr 여기 prop의 차이에 대해 읽을 수 있습니다 : .prop() vs .attr()

Answer 3

다음과 같은 방법으로 사용할 수 있습니다 attr('value')에서

var currentValue = $('#usage').prop("value");

또는

var currentValue =$('#usage').val();

특별히 당신의 가치를 찾고 말을하는지를 value라는 속성 val()을 사용하는 것이 바람직합니다. 양식 요소에서 값을 추출하기위한 jQuery의 기본 기능입니다.