Memilih option selected di Django Template

Bayangkan Anda memiliki HTML form berikut:

<select>
  <option>Madiun</option>
  <option>Sleman</option>
</select>

Tugas Anda sekarang adalah meng-assign Madiun sebagai selected tanpa harus menggunakan javascript, cukup dengan logic di views dan template django saja. Gimana caranya?

Pertama di views, kita sudah set variabel kota misal ke madiun dan pass variabel tersebut ke template:

# views.py
def awesome_city(request):
    kota = 'Madiun'
    return render(request, 'form.html', {'kota': kota})

Sekarang saatnya menambahkan logika if else sederhana di Django template untuk memilih kota sesuai dengan yang sudah ditentukan di views.py

<select>
  <option {% if kota == 'Madiun' %}selected{% endif %}>Madiun</option>
  <option {% if kota == 'Sleman' %}selected{% endif %}>Sleman</option>
</select>

Karena untuk memilih option select itu cukup dengan menambahkan parameter selected di belakang pembukaan option tag. Done! No JS needed!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s