Почему не меняется value в input при вводе?

Question

[Дмитрий Кузьменко]

Доброго времени суток, подскажите пожалуйста в чем может быть проблема, при вводе в input не могу получить value.
Вывожу в консоль там примерно так

id уникальный это 100% я проверил, верстал не я.
Первый раз такое, что не могу получить value
Может быть кто-то сталкивался с такой проблемой?
Сам сайт можно посмотреть по адресу nakrutka.bz
За ранее всем спасибо

Comments

[Антон Спирин]

А как вы пытаетесь получить value? В html оно отображаться не должно. Перейдите на вкладку Properties. Там в списке свойств значение будет.

[Дмитрий Кузьменко]

document.getElementById('f1').value;
Примерно так.

[Дмитрий Кузьменко]

Антон Спирин, еще так

var test = document.getElementById('f1');
test = test.value;
console.log(test);

Я смотрю не в html. консоль js на скрине. И там в консоль я вывожу не конкретно value, а шаг до value.

var test = document.getElementById('f1');
console.log(test);

[Антон Спирин]

Дмитрий Кузьменко, а по какому событию пытаетесь забирать value?

[Дмитрий Кузьменко]

Антон Спирин, https://jsfiddle.net/8xbdjejr/ вот накидал пример, тут все работает, а на том сайте нет

[Антон Спирин]

Дмитрий Кузьменко, что-то явно делаете не так. Точно скажу, что value отмеченный стрелками на вашем скриншоте ни о чем не говорит. Там и не должно быть значения value input.
А скрипт вы свой куда добавляете? Возможно не обернули

$(document).ready(function() {

});

[Дмитрий Кузьменко]

Антон Спирин, пробовал так тоже, все равно нет результат:(

[Дмитрий Кузьменко]

Антон Спирин, Тут еще всплыло, если на чистом js делаю, даже то что на скрине не выводится.
а если на jquery, то вот есть что на скрине, но value нет

[Дмитрий Кузьменко]

Антон Спирин,

$('#f1').change(function(){
		var test = $('#f1').val();
		console.log(test);
	});

вот так пустоту показывает, да я тоже изначально подумал что скрипт грузится раньше, но не, он в конце страницы и обернут

[Антон Спирин]

Дмитрий Кузьменко, видимо дело в timber.master.min.js. Он слушает keyup и keydown через document со всей страницы.

[Дмитрий Кузьменко]

Антон Спирин, буду очень признателен если подскажите как его победить

[Дмитрий Кузьменко]

Антон Спирин, хотя бы примерно что искать для решения этой проблемы, мне большего не надо

Answer 1

[Антон Спирин]

На странице два элемента с одним id. Ваш скрипт забирает и слушает первый, а пользователь взаимодействует со вторым, который ваш скрипт не слушает. Видимо, особенности работы вендерной библиотеки. Добавьте класс, например f1 и забирайте по нему, а значение получайте из e.currentTarget:

$('.f1').on('change', function(e) => {
 var value = $(e.currentTarget).val();
})

Вот этот код, выполненный в консоли браузера на вашем сайте, прекрасно работает:

$(document).find('.form-element').on('change', e => console.log($(e.currentTarget).val()));

Comments

[Дмитрий Кузьменко]

Спасибо большое, вы очень помогли мне))