Текстовое поле onkeyup, получить значение из диапазона javascript

Как я могу получить значение из диапазона, используя динамический идентификатор, и отобразить его при вводе текста?

У меня есть этот идентификатор диапазона

<span id = "unitCost{{$data->product_id}}">700</span>
    **Onkeyup I want to get the span data.**
   
<input type = "number" class = "form-control total_cost " id = "productId{{$data->product_id}}" onkeyup = "calculate({{$data->product_id}})" min = "0">

Джаваскрипт я пробовал

   calculate = function(id)
{
 var qty = document.getElementById('unitCost'+id).value;
    alert (qty);
}
Javascript I tried и что случилось?
Bravo 06.05.2022 07:38

Не удается прочитать свойства null (чтение «значение»)

souvik sarkar 06.05.2022 07:44

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

Bravo 06.05.2022 07:59
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
27
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

используйте innerText вместо value

calculate = function(id)
{
 var qty = document.getElementById('unitCost'+id).innerText;
    alert (qty);
}

Также, пожалуйста, используйте при смене. keyup не будет работать для нажатия стрелок вверх ввода числа.

Michael Mano 06.05.2022 07:44

если document.getElementById('unitCost'+id) равно нулю (прочитайте комментарий OP), то это тоже не сработает

Bravo 06.05.2022 07:56

Другие вопросы по теме