Javascript 自动填充隐藏表单输入

我有这个下拉列表，我需要使用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>

选择地址
HRA
拉文顿
克里希纳广场

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

  <!--hidden input-->
 <input type="text" name="adress1" id="adress1"  class="id" value=""/>

var hiddenInput=document.querySelector（“地址1”）；
var select=document.querySelector（“地址”）；
hiddenInput.value=select.value；

虽然这段代码可能会回答这个问题，但提供关于它如何和/或为什么解决这个问题的附加上下文将提高答案的长期价值。我添加了一个关于更改jQuery事件的内容。再次感谢您的回复