如何将下拉选择的值传递给另一个下拉列表答案

【问题标题】：how to pass dropdown selected value to another dropdown如何将下拉选择的值传递给另一个下拉列表
【发布时间】：2018-06-21 06:12:25
【问题描述】：

当我点击按钮下拉选择的值传递给另一个下拉..

下拉选择值第一个：

      <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 俱乐部会所价值传递到第二个下拉菜单

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

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

    });

【问题讨论】：

您只想显示第一个下拉菜单的选定值还是什么？

标签： javascript jquery asp.net ajax asp.net-mvc

【解决方案1】：

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

【讨论】：

【解决方案2】：

只需使用val() 将选择值设置为下一个下拉列表

$("#VenueBooking").click(function (e) {
   $('[id$=txtLocationID]').val($('[id$=LocationID]').val());
});

【讨论】：

@IvinRaj 你可以用#txtLocationID 代替[id$=txtLocationID]。我认为剃须刀模板不会将值附加到id

【解决方案3】：

我没有得到您想要实现的确切目标，但据我了解，您是否想在一个下拉列表中选择一个值并在第二个下拉列表中选择该值？您可以通过这种方法在 JQuery 中实现它：

$("#firstdropdown").change(function (e) {
$("#seconddropdown").val($("#firstdropdown").val());

});

【讨论】：