Djangoでfor文を使ってリストの要素を表示させる方法

Question

前提・実現したいこと

プログラミング初心者です。
現在、Django上でpythonを使ってWebアプリ制作をしています。
templatesのhtml内にリストの要素を繰り返し表示させようとしたところ、以下のような問題が発生しました。

発生している問題・エラーメッセージ

以下のように各町名を繰り返し表示するプルダウンメニューを作成しようとしているのですが、for文で記述した部分が消された状態で表示されてしまい、思うように表示されません。
要は

<option value="">選択してください</option> の部分だけが表示されます。

該当のソースコード

index.htmlです。
アプリ名はsearch_shopです。

            <form method='POST' action="{% url 'search_shop:shop_town' %}" id="index_form">
                {% csrf_token %}
                <select name="select_town">
                    <option value="">選択してください</option>
                    {% for town in towns %}
                    <option>{{town}}</option>
                    {% endfor %}
                </select>
                <input type='submit' value='検索'>
            </form>

            

また、以下はviews.pyです。

def Shop_Info(request):
    template_name = "index.html"
    options = {
        'towns':["石川町","絵鞆町","海岸町","香川町","神代町","港南町","幸町"]
    }
    return render(request, template_name, options)

次にsearch_shop/urls.pyです。

urlpatterns = [
    path('',views.Shop_Info,name='shop_town')
]

最後にプロジェクトのurls.pyです。

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',include('search_shop.urls')),
    path('search_shop/',include('search_shop.urls')),
]

試したこと

{% for town in towns %}
{{town}}
{% endfor %}

このようにformタグの外で普通に記述しても、townsは全く表示されませんでした。

エラーも出ないので、何か文法のミスかurls.pyのパス指定のミスかと、色々考えられますがいくら調べても原因は分かりませんでした。
とても初歩的なことで申し訳ありませんが、よろしくお願いします。

Answer 1

テンプレート上のrenderメソッドで返しているオブジェクトの変数がoptionsに対し、ビュー上で展開しているオブジェクト変数はtownsです。

オブジェクトoptionsの中に指定したtownsはあくまでoptions.townsという包含関係のプロパティに過ぎませんので、現状だとテンプレートとビューの変数が紐付いてません。renderメソッドの第三引数は変数をビュー上に返す役割を持っているので、それを把握しておきましょう。

なので以下の方法で対応できるはず。

テンプレート上のrenderメソッドを紐付けて、ビュー上のfor構文の中で展開元はoptions.townsなのでそれに合わせようにします。

return render(request, template_name, {'options':options})

<select name="select_town">
                    <option value="">選択してください</option>
                    {% for town in options.towns %}
                    <option>{{town}}</option>
                    {% endfor %}
                </select>

Comments

[harug]

初めまして。
回答ありがとうございます。
仰る通りだと思い、さっそくコードを書き直してみたのですが結果は何も変わらずです…汗
何か他にに原因は考えられますでしょうか。

[FKM]

renderテンプレートを以下のようにしてください

return render(request, template_name, {'options':options})

テストしてみた限りではうまくいったので、これで大丈夫だとは思いますが。

[harug]

解決できました！
ありがとうございます。
最後に、可能であればなぜこのような記述で実現できたか簡単にお教え頂けますでしょうか？

[FKM]

render_templateで変数をビューで返すときにはオブジェクト化してから受け渡し用の引数の指定が必要です。なので、
{'options':options}
このようにすれば受け渡すことができます。この引き渡し用のオブジェクトに指定するキー（極力、同じにしとけばいいでしょう）は変数optionsが持っているプロパティのtownsとは別物です。

仮にテンプレートで
return render(request,render_template,{'hoge':options})
とやってもビューではこのようになります。
{% for town in hoge.towns %}
<option value="{{member.city_no}}">{{ town }}</option>
{% endfor %}

[harug]

ビューで変数を返すときは、オブジェクト化をすること。
忘れないように気を付けます。
とても勉強になりました。
ご丁寧にどうもありがとうございました！