<select class="form-control" onchange="$('.complexity').val($(this).val())">
<option>red</option>
<option>yellow</option>
<option>green</option>
</select>
<input class="form-control complexity" type="text" value="{{ page._new_gl_complexity }}" />
The JavaScript will successfully change the value in the input field. But the field submits nothing when the form is submitted. Yet if I hand enter text into the input field that works. If I can get the field to submit data that was copied from the select menu then I will switch the input box to either "visibility:hidden;" or "display:none;".