如何在Flask（Python）中更新具有选择选项的表单

Question

My question is about how to update select option in flask. I have created a registration form which contains select option to select Department . There are four options in department , the selected value is getting stored in MySQL database. This is working perfectly. Now I need update user page where user can update their details. The options are static and not fetching from database, only selected value is getting stored. Is it possible to get the form select option as pre-selected?

<div class="input-group" style="margin-bottom: 5px;">
  <label class="input-group-addon">Department:<span style="color: red">*</span> </label>
  <select name='employee_status' class="form-control">
    <OPTION selected value='Sales'>Sales</OPTION>
    <OPTION value='Marketing'>Marketing</OPTION>
    <OPTION value='Support'>Support</OPTION>
    <OPTION value='Development'>Development</OPTION>
  </select>
</div>

Thanks in advance.

Answer 1

If you want to update your html code with Flask you can, but you have to return a new html template and I don't think that the good way.

You can make an AJAX call to your Flask route, and on the success callback you can update directly your form with the values you want (Easier with jquery).

$.ajax({
  type     : 'POST',
  url      : '/updateForm',
  dataType : "json",
  contentType: 'application/json;charset=UTF-8',
  data     : JSON.stringify(dict_var),
  success : function (result) {
    $('.'+dict_var.form_name[result.value]).attr('selected','selected');
  },
  error : function (error) {
    console.log(error);
  }
});

With dict_var = { 'name' : form_name, 'value' : selected_value }

Something like this :)

Peace