Jquery 입력 값이 올바르게 표시되지 않습니다.

Question

입력 값을 얻기가 매우 쉽습니다.

코드는 다음과 같습니다

var $a = $('.custom-amount').val(); 
$('.custom-amount').on('change', function() { 
    alert($a) 
}) 

그리고 내 입력 :

<div class='custom-amount'> 
    <input placeholder='Custom Amount' type='text-area'> 

을 어떤 이유로, 내 경고가 비어 있습니다. 아무도 무슨 일이 잘 보이지 않니?

Answer 1

는, 예를 $('.custom-amount input')로 선택을 변경하고 변경 이벤트가 시작됩니다 후 값을 가져

:에 마크 업 변경

$('.custom-amount input').on('change', function() { 
    var a = $(this).val(); 
    alert(a); 
}); 

지금

, 당신은 작동하지 않습니다 div의 값을 얻기 위해 노력하고 있습니다. 입력 값을 가져와야합니다.

편집 : 또한 textarea을 표시하려고합니다. 이 도움이 될 수 ...이 대체이와

<input placeholder='Custom Amount' type='text-area'> 

...

<textarea placeholder='Custom Amount'></textarea> 

을보십시오 : 귀하의 DIV 값이없는

http://jsfiddle.net/d648wxry/

Answer 2

우선, change 함수 외부의 $a에만 할당합니다. 코드를 더 잘 정렬하면 더 명확 해집니다 (게시물에 대한 편집 참조). 이 그것을 할 올바른 방법입니다 : 모든

$('.custom-amount').on('change', function() { 
    var $a = $('.custom-amount').val(); 
    alert($a) 
}); 

둘째, 클래스 custom-amount 대신 <input> 요소의 <div>에 할당됩니다. <div>이 아닌 <input> 요소를 선택해야합니다.

<div> 
    <input placeholder='Custom Amount' type='text-area' class='custom-amount'> 
</div> 

Answer 3

원인. 코드를 다음으로 변경하십시오.

var $input = $('.custom-amount input'); 
$input.on('change', function() { 
    var $a = $input.val(); 
    alert($a) 
}) 

Answer 4

문제는 매우 간단합니다. div 요소의 값을 얻는 중입니다. 대신 입력 요소의 값을 검색하여 'custom-amount'클래스를 입력에 추가해야합니다.

또한 이벤트 내부에서 val() 메소드를 실행하여 값을 업데이트해야합니다.

var $a = $('.custom-amount'); 

$('.custom-amount').on('change', function() { 
    alert($a.val()); 
});