Значение ввода 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> 

Это может помочь:

http://jsfiddle.net/d648wxry/

Answer 2

Прежде всего, вы назначаете только $a за пределами функции change. Это было бы более ясным, если бы вы сохранили код, выстроенный лучше (см. Редактирование, которое я сделал для вашего сообщения). Это правильный способ сделать это:

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

Во-вторых, класс custom-amount назначается <div> вместо <input> элемента. Вы должны выбрать элемент <input>, а не <div>. Изменить разметку:

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

Answer 3

Причина ваш DIV не имеет значения. Измените свой код на:

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()); 
});