title: Inputting a pre-existing value into a bootstrap 4 select form
body: <p>just a basic question.</p>
  <p>I am currently creating a form using bootstrap 4 in which the user can select a person from a database and have the data automatically inputted into the correct boxes. This is all fine and dandy up until I reach my one select option. Usually to input the data into the correct form I would use the line <code>value=&quot;{{ data }}&quot;</code>, however this does not work for the select form as the value attribute is disallowed. The code I have attempted is here:</p>
  <pre><code>&lt;select class=&quot;form-control&quot; value=&quot;{{ data }}&quot; name=&quot;name&quot;&gt;
    &lt;option&gt;Option1&lt;/option&gt;
    &lt;option&gt;Option2&lt;/option&gt;
    &lt;option&gt;Option3&lt;/option&gt;
    &lt;option&gt;Option4&lt;/option&gt;
  &lt;/select&gt;
  &lt;/label&gt;
  </code></pre>
  <p>Say the user specified a specific person from my database on this form, and that person had option3 saved as their choice for that option, how would I go about having that automatically inputted for the user?
  Thanks.</p>