メインのhtmlレンダリング+jsonデータ
import json
from django.shortcuts import render
def startpage(request):
platforms = Platform.objects.select_related().values('platformtype')
return render(request, 'Main.html', {'platforms_as_json': json.dumps(list(platforms)),})
テンプレート内
{{ platforms_as_json }}
htmlとjs
<select id="platformList"></select>
<script>
$.each({% autoescape off %}{{platforms_as_json}}{% endautoescape %}, function (index, item) {
$('#platformList').append(
$('<option></option>').val(item.platformtype).html(item.platformtype)
)
});
</script>
古い例