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

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

第一个下拉选择值：

      <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>

---

只需使用

val（）

---

只需使用

val（）

---

我不知道你到底想实现什么，但据我所知，你想在一个下拉列表中选择一个值，并在第二个下拉列表中选择该值吗？ 您可以通过以下方法在JQuery中实现：

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

});

---

我不知道你到底想实现什么，但据我所知，你想在一个下拉列表中选择一个值，并在第二个下拉列表中选择该值吗？ 您可以通过以下方法在JQuery中实现：

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

});

---

你想只显示第一个下拉列表的选定值还是什么？你想只显示第一个下拉列表的选定值还是什么？@IvinRaj你可以做

#txtLocationID

来代替

[id$=txtLocationID]

。我认为razor模板不会将值附加到

id

@IvinRaj，您可以用

\txtLocationID

代替

[id$=txtLocationID]

。我认为razor模板不会给

id

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

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

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

});