前提・実現したいこと
ドロップダウンリストで選択されたValueを元に、for展開している要素をソートしたいです。
例えば、下記ソースコードではデフォルトでvalue='active'が選択されています。
value="uptime"が選択されたときには、
{% for j in json |dictsort:'uptime' %}となるように、変化させたいのですが、可能でしょうか?
その下は、展開しているjsonのサンプルです、よろしくお願い致します。
該当のソースコード
html
1<select> 2 <option value="active" selected>視聴者(降順)</option> 3 <option value="active_reverse">視聴者(昇順)</option> 4 <option value="uptime">配信開始(降順)</option> 5 <option value="uptime_reverse">配信開始(昇順)</option> 6</select> 7 8{% for j in json |dictsort:'active' %} 9<div class="stream-info"> 10 <p class="title">{{t.title}}</p> 11 <p class="name">{{t.name}}</p> 12 <p class="game_name">{{t.playing}}</p> 13 <p class="uptime">{{t.uptime}}</p> 14 <p class="active">{{t.active}}</p> 15</div><!--stream-info--> 16 17{% endfor %}
json
1[ 2 { 3 "title": "【VALORANT】昨日20時間くらい寝てた気がするなあ【ぶいすぽっ!/紫宮るな】", 4 "name": "紫宮るな /shinomiya runa", 5 "videoid": "MROCOlwLyY4", 6 "active": 604, 7 "thumbnail": "https://i.ytimg.com/vi/MROCOlwLyY4/hqdefault_live.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA5j8YiFJvKTWvv561eSj98k22gwQ", 8 "profile": "https://yt3.ggpht.com/eJhZ0sB-mV5KrhaSWofDkI7C0Ctb-fGvGmVMf8x3-mn-0yDdyjEJpPW-uhZOWAiW9bMoVW8PFg=s88-c-k-c0x00ffffff-no-rj", 9 "uptime": 5 10 }, 11 { 12 "title": "【#みっころね24】新春!!爆笑!!みっころね24時間ぶっ通し生放送2022????【後半】", 13 "name": "Miko Ch. さくらみこ", 14 "videoid": "LZnGyMFJe0I", 15 "active": 22906, 16 "thumbnail": "https://i.ytimg.com/vi/LZnGyMFJe0I/hqdefault_live.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBIIEmF42ZccWpFro4GkDWi8RGcHg", 17 "profile": "https://yt3.ggpht.com/ytc/AKedOLQlZnbXr-RooUQezemDKu7alJrZcEMy8_5P07ILug=s88-c-k-c0x00ffffff-no-rj", 18 "uptime": 6 19 } 20]
あなたの回答
tips
プレビュー