How to display Selected option value Selected in option tag in Django Template File?

Question

I want to keep user selected option active from the long SELECT OPTION dropdown list what they choose from SELECT OPTION. active mean display selected value. Like by default in select options it shows Spanish To English(first one) but if user selects French To English I want to keep selected this one

This is my HTML form in template file.

<form action="" method="post">
{% csrf_token %}
<div class="d-flex form-inputs">
<select class="form-select" aria-label=".form-select-lg" name="lang_txt">
<option value="span_to_eng">Spanish To English</option>
<option value="eng_to_span">English To Spanish</option>
<option value="french_to_eng">French To English</option>
</select>
<input name="txt" class="form-control p-3" type="text" placeholder="Search...">
<a href="#"><img src="/static/assets/image/search.png" alt=""></a>
</div>
</form>

This is views function

def lang_convert_view(request):
if request.method == "POST" and 'txt' in request.POST:
    txt = request.POST.get('txt')
    selected_lang = request.POST.get('lang_txt')
    data = custom_function_name(txt)
    context = {'data': data}
else:
    context = {}
return render(request, 'index.html', context)

Asked By: Raj

||

Source

Answer 1

Views:

def lang_convert_view(request):
   if request.method == "POST" and 'txt' in request.POST:
       txt = request.POST.get('txt')
       selected_lang = request.POST.get('lang_txt')
       data = custom_function_name(txt)
       context = {'data': data}
   else:
         data = Model.objects.get(id='your query')
         context = {'data': data}
   return render(request, 'index.html', context)

Template:

<form action="" method="post">
{% csrf_token %}
<div class="d-flex form-inputs">
<select class="form-select" aria-label=".form-select-lg" name="lang_txt">
<option value="span_to_eng" {% if data.selected_lang == 'span_to_eng' %}selected{% endif %}>Spanish To English</option>
<option value="eng_to_span" {% if data.selected_lang == 'eng_to_span' %}selected{% endif %}>English To Spanish</option>
<option value="french_to_eng" {% if data.selected_lang == 'french_to_eng' %}selected{% endif %}>French To English</option>
</select>
<input name="txt" class="form-control p-3" type="text" placeholder="Search...">
<a href="#"><img src="/static/assets/image/search.png" alt=""></a>
</div>
</form>

Answered By: Ibrahim Khan

Answer 2

any idea for generated from for loop?

Answered By: Michal Spisiak

How to display Selected option value Selected in option tag in Django Template File?

Question:

Answers: