Кнопка JavaScript и HTML
Я работаю над проектом Django и пытаюсь добавить кнопки, которые при нажатии направляют вас на другую страницу, на таблицу, созданную на основе модели.
Вот HTML для таблицы: https://i.stack.imgur.com/uzddu.png
А вот функция JS: https://i.stack.imgur.com/lLas9.png
На сайте это выглядит следующим образом:
https://i.stack.imgur.com/jAZ76.png
Первая кнопка, где ID равен 1, при нажатии переводит меня на нужную страницу. Вторая кнопка, однако, ничего не делает при нажатии. Я хочу добиться того, чтобы каждый раз, когда создается объект приложения и обновляется таблица, я мог нажать на кнопку и перейти на страницу с url вроде этого: /review/id, причем id должен быть таким же, как и в таблице.
У вас не должно быть несколько кнопок с одинаковыми ID, ID должны быть уникальными. Попробуйте присвоить кнопкам класс и связать onclick с этими классами.
<button id="review{{ app.id }}" class="btn btn-primary reviewBtn" data-id={{app.id}}">Review</button>
var reviews = document.getElementsByClassName("reviewBtn");
var redirect = function() {
@TODO
};
for (var i = 0; i < reviews.length; i++) {
reviews[i].addEventListener('click', redirect, false);
}
посмотрите эту демонстрацию