自动填充隐藏的表单输入

Autopopulate hidden form inputs

我有这个下拉菜单,我需要使用 javascript 将值传递给隐藏的模态表单。我目前被困在这里。关于脚本的任何想法。

                    <!-- Adress dropdown-->

                    <div class="col-md-3">
                    <div class="panel-heading">
                    <select class="form-control" name="adress" id="adress">
                    <option value="">Select Adress</option>
                    <option value="1">HRA</option>
                    <option value="2">Lavington</option>
                    <option value="3">Krishna Plaza</option>
                    </select>
                    </div>
                    </div>

这是我在模态表单中隐藏的输入字段

  <!--hidden input-->
 <input type="text" name="adress1" id="adress1"  class="id" value=""/>
var hiddenInput = document.querySelector("#adress1");
var select = document.querySelector("#adress");

hiddenInput.value = select.value;