Input value null работает в консоли, но не работает скриптом onclick

@Bring · Регистрация: 09.05.2015

Студворк — интернет-сервис помощи студентам

Всем привет. На кнопку повесил простой скрипт, чтобы все ячейки делать пустыми. Алертом и логом проверял, в скрипт заходит, но не выставляет значения как null. Если запустить скрипт через консоль, то все работает. Что не так?

JavaScript
1
2
3
4
5
6
function resetFilter()
{
    var filters = document.querySelectorAll("#selectedFilter input");
    for(var i = 0; i < filters.length; i++)
        filters[i].value = null;
}

@renat_dmitriev · 13.11.2018, 14:43

Из спецификации:

JavaScript Input Text Value Property Technical Details
Return Value: A String, which represents the value of the text field

@Bring · 13.11.2018, 14:51 **[ТС]**

renat_dmitriev,
сменил на "", тоже самое.

Добавлено через 1 минуту
Дело в том, что иногда значения подаются напрямую в HTML через insertAdjacent. Может дело в этом?

@renat_dmitriev · 13.11.2018, 14:57

Сообщение от Bring

сменил на "", тоже самое.

Что то же самое? Код абсолютно рабочий.

Сделайте

JavaScript
1
2
3
4
5
6
7
8
9
function resetFilter()
{
    var filters = document.querySelectorAll("#selectedFilter input");
    for(var i = 0; i < filters.length; i++) {
        console.log('before: ' + filters[i].value);
        filters[i].value = '';
        console.log('after: ' + filters[i].value);
    }
}

И выложите сюда результаты

@Bring · 13.11.2018, 15:00 **[ТС]**

Сообщение от renat_dmitriev

результаты

Название: 1.PNG
Просмотров: 21

Размер: 2.1 Кб

@Bring · 13.11.2018, 15:00 **[ТС]**

инпут все еще не пустой

@renat_dmitriev · 13.11.2018, 15:03

Bring, Возможно вы очищаете не те инпуты, которые видите на экране, попробуйте после строки установки значения написать

JavaScript
1
filters[i].style.background = 'blue';

Если они не окрасятся в синий цвет, значит видимые вами инпуты в другом блоке.

Но код абсолютно рабочий...Не в нем дело 100%

@Bring · 13.11.2018, 15:08 **[ТС]**

Сообщение от renat_dmitriev

не окрасятся

Не окрасился, есть подозрение будто в CSS что то вшито, если такое возможно, я просто сам не знаю. Лазил по CSS к странице, ничего похожего на функцию не нашел.

Input value null работает в консоли, но не работает скриптом onclick

@renat_dmitriev · 13.11.2018, 15:08

Сообщение от Bring

Дело в том, что иногда значения подаются напрямую в HTML через insertAdjacent.

insertAdjasment просто метод вставки части HTML, он никак не может отменять работу js методов с этим кодом

@Bring · 13.11.2018, 15:10 **[ТС]**

Сообщение от renat_dmitriev

никак не может отменять работу js методов с этим кодом

Однако, если я вставляю в инпут посредством рук, функция работает, если insertAdjacent, то скрипт не работает.

JavaScript
1
2
3
4
5
6
7
8
filter.insertAdjacentHTML("afterbegin", 
        "<div class=\"form-group form-group--inputs\">"
        + "<label>" + id + "</label><div class=\"inputs-inline\">"
        + "<input class=\"form-control\" type=\"text\" value=" + elem.innerHTML + "><span class=\"divider\">-</span>"
        + "<label class=\"sr-only\"></label>"
        + "<input class=\"form-control second\" type=\"text\">"
        + "<span class=\"unit\">" + unit + "</span>"
        + "<a onclick=\"closeFilter(this);\" class=\"inputs-delete has-icon\" title=\"Remove row\"><i class=\"ico-modal-close\"></i></a></div></div>");

@renat_dmitriev · 13.11.2018, 15:11

Сообщение от Bring

есть подозрение будто в CSS что то вшито

Есть подозрение, что, как уже писал, на экране вы видите не те инпуты, которые изменяет код. На скрине я вижу значение 4, в логах его нет. Поменяйте вручную значение инпутов на 666 и запустите код, посмотрите будет ли это значение в логах.

@Bring · 13.11.2018, 15:11 **[ТС]**

Ой, сейчас кстати окрашиваются в синий

@renat_dmitriev · 13.11.2018, 15:13

Bring, Посредством рук вы можете вставить дивы и спаны.

@Bring · 13.11.2018, 15:13 **[ТС]**

Сообщение от renat_dmitriev

значение 4

да, оно выставляется если я нажимаю на кнопку с цифрой (последний кусок кода с insertAdj..), а если вписываю руками, то value вообще нету. И вот те что я вписываю руками, чистятся скриптом. А если вставлять кнопкой, то скрипт не работает к ним.

@renat_dmitriev · 13.11.2018, 15:13

Bring, Разберитесь с деревом и с тем, какой именно блок вы видите на экране после вставки.

@Bring · 13.11.2018, 15:17 **[ТС]**

Сообщение от renat_dmitriev

Разберитесь с деревом и с тем, какой именно блок вы видите на экране после вставки.

Дерево и блок правильные, это доказывает хотябы то, что если функцию вызвать не кнопкой а консолью, то все чистится.

@Bring · 13.11.2018, 15:18 **[ТС]**

renat_dmitriev,

@renat_dmitriev · 13.11.2018, 15:27

Сообщение от Bring

это доказывает хотябы то, что если функцию вызвать не кнопкой а консолью, то все чистится.

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

@Bring · 13.11.2018, 15:44 **[ТС]**

Сообщение от renat_dmitriev

можете выложить

к сожалению нет, много элементов грабает данные из БД, поэтому к странице придется бросать и весь бэкэнд и пароли к базам..

Добавлено через 1 минуту
есть идея костыля, чтобы удалял и со спецификациями пересоздавал но с пустыми инпутами, правда оч не хотелось бы так делать..)

Добавлено через 8 минут
renat_dmitriev,
Что странно, если добавить элемент кликом а не клавой, то потом если стереть какой нибудь из инпутов и нажать на ресет, он вместо пустого вставляет только что удаленное значение.

Добавлено через 3 минуты
И опять таки же, если в консоли вызвать скрипт, то все работает как надо..... втф...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@renat_dmitriev 392 / 294 / 121 Регистрация: 26.08.2016 Сообщений: 902
	13.11.2018, 14:43
	Из спецификации: JavaScript Input Text Value Property Technical Details Return Value: A String, which represents the value of the text field 0

@Bring 133 / 53 / 43 Регистрация: 09.05.2015 Сообщений: 565
	13.11.2018, 14:51 [ТС]
	renat_dmitriev, сменил на "", тоже самое. Добавлено через 1 минуту Дело в том, что иногда значения подаются напрямую в HTML через insertAdjacent. Может дело в этом? 0

@Bring 133 / 53 / 43 Регистрация: 09.05.2015 Сообщений: 565
	13.11.2018, 15:00 [ТС]
	инпут все еще не пустой 0

@Bring 133 / 53 / 43 Регистрация: 09.05.2015 Сообщений: 565
	13.11.2018, 15:11 [ТС]
	Ой, сейчас кстати окрашиваются в синий 0

@renat_dmitriev 392 / 294 / 121 Регистрация: 26.08.2016 Сообщений: 902
	13.11.2018, 15:13
	Bring, Посредством рук вы можете вставить дивы и спаны. 0

@Bring 133 / 53 / 43 Регистрация: 09.05.2015 Сообщений: 565
	13.11.2018, 15:18 [ТС]
	renat_dmitriev, 0