Заполните текстовое поле выбранным элементом раскрывающегося списка, когда выбран выбранный индекс

Question

Я бы хотел заполнить текстовое поле содержимым выпадающего списка, когда я выбираю значения ddl.Мой выпадающий список отображает номер из базы данных.Каждое число является индексом, который соответствует названию.Я хочу, чтобы заголовок выбранного индекса отображался в текстовом поле при его выборе.Я хотел бы использовать JavaScript.Спасибо

<div class="row">
          <div class="col-lg-6">
            <section class="card">
              <div class="card-body text-secondary">Office Id</div>
            </section>
          </div>
          <div class="col-lg-6">
            <section class="card">
              <div class="card-body text-secondary">
                  <asp:DropDownList ID="OfficeDrop" runat="server" class="form-control"
                      DataTextField="Office_Id"></asp:DropDownList></div>
            </section>
          </div>
          </div>
<div class="row">
          <div class="col-lg-6">
            <section class="card">
              <div class="card-body text-secondary">Designation</div>
            </section>
          </div>
          <div class="col-lg-6">
            <section class="card">
              <div class="card-body text-secondary">
                  <asp:TextBox ID="DesignTxt" runat="server" class="form-control"></asp:TextBox>   </div>  
            </section>
          </div>
          </div>

Моё текстовое поле

Я не включил свой c #, потому что я хотел бы использовать jquery или простой javascript для этого