如何将下拉选择的值传递给另一个下拉菜单

时间:2018-06-21 06:12:26

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

当我单击按钮下拉菜单时,所选值将传递给另一个下拉菜单。

下拉选择值第一个:

      <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();

    });

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

只需使用val()

将选择值设置为下一个下拉列表
$("#VenueBooking").click(function (e) {
   $('[id$=txtLocationID]').val($('[id$=LocationID]').val());
});

答案 2 :(得分:1)

我没有确切要实现的目标,但是据我所知,您是否要在一个下拉菜单中选择一个值,并在第二个下拉菜单中选择该值? 您可以通过以下方法在JQuery中实现:

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

});