javascript - 如何将下拉列表选定的值传递给另一个下拉列表

Question

当我单击按钮下拉列表时，所选值传递给另一个下拉列表..

下拉选择值第一个:

      <fieldset class="form-group">
           label class="form-label" for="exampleInputEmail1">Location <em style="color:red;font-size:18px;">*</em></label>
          <select class="select2-arrow" id="txtLocationID" name="txtLocationID"><option value="">--- Select Location ---</option>
    <option value="1">EGL 4 club house</option>
    </select>
   </fieldset>

在上面的下拉列表中选择的值传递到第二个下拉列表

 <fieldset class="form-group">
    <label class="form-label" for="exampleInputEmail1">Location <em style="color:red;font-size:18px;">*</em></label>
   @Html.DropDownList("txtLocationID", null, "--- Select Location ---", new { @class = "select2-arrow" })
  </fieldset>

点击按钮:EGL 4 俱乐部值(value)传递到第二个下拉列表

$("#VenueBooking").click(function (e) {

        var locationID = jQuery('[id$=LocationID]').val();

    });

Answer 1

var locationID = jQuery('[id$=LocationID]').val();
jQuery('[id$=txtLocationID]').val(locationID);