GrpSMK Ответов: 1

Функция Javascript не работает ASP.NET MVC

Я использую кнопку внутри для каждого цикла, создал java-скрипт для функции click для этой кнопки на основе ID.Но первая кнопка только работает,другие кнопки не работают.Как решить?

Что я уже пробовал:

Кнопка внутри для каждой петли
<button class="plan-button"id="demo" >Choose Plan</button>


Язык JavaScript
document.getElementbyId('demo').addEventListener('click', function (e) {
                handler.open();
                e.preventDefault();
  });

1 Ответов

Рейтинг:
6

F-ES Sitecore

идентификаторы должны быть уникальными, если у вас есть несколько кнопок с одним и тем же идентификатором, то на какой элемент, по вашему мнению, будет ссылаться document.getElementbyId('demo')? Он должен выбрать только один, поэтому он выбирает первый и игнорирует остальные. Самое простое решение этой проблемы-использовать класс для идентификации элементов, а не идентификатор

<button class="plan-button demo">Choose Plan</button>


после изменения вашего JS;

var el = document.getElementsByClassName("demo");
for (var i = 0; i < el.length; i++)
{
    el[i].addEventListener('click', function (e) {
        handler.open();
        e.preventDefault();
    });
}


Если вы можете использовать jQuery, то эти вещи намного проще.

GrpSMK

Спасибо