テンプレートで受け取ったリストをjavascriptで制御する方法
解決したいこと
views.pyからテンプレートへlist = ["A", "B"]
というリストが渡されたとします.
以下のHTMLでボタンを押したときに<h1>
タグで表示するlist
の要素を"A"→"B"→"A"…というように交互に切り替えて表示できるようにしたいです.
<h1>{{ list.0 }} または {{ list.1 }}の表示</h1>
<form id="change_frm" class="form" method="POST" enctype="multipart/form-data">
<input type="submit" id="change_btn" class="btn btn-primary" value="要素の切り替え">
</form>
<script>
//ボタンが押されるごとに,listの要素を交互に表示させる処理
</script>
javascriptはどのように記述すれば,または他にも簡単な方法があれば教えていただきたいです.
よろしくお願いします.
0