使用 jQuery 从第一个下拉列表中重置并清除

Question

抱歉，当用户 select 第一个下拉菜单时，有没有办法将所有下拉菜单重置并清除到原始状态。希望我能清楚地解释自己。提前谢谢你。

HTML

 <div class="form-group row">
                    <div class="col-sm-6">
                        <div id="#divAreYouGoingOnVacation">
                            <label asp-for="AreYouGoingOnVacation">Are You Going On Vacation</label>
                            <select asp-for="AreYouGoingOnVacation" class="form-control" id="AreYouGoingOnVacation"
                                required>
                                <option value="" selected>-- Please choose an option --</option>
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div id="divWouldYouBeTakingASpouse">
                            <label asp-for="WouldYouBeTakingASpouse">Would You Be Taking A Spouse?</label>
                            <select asp-for="WouldYouBeTakingASpouse" class="form-control"
                                id="WouldYouBeTakingASpouse" required>
                                <option value="" selected>-- Please choose an option --</option>
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                            <br /><br />
                        </div>
                    </div>

jQuery

  $("#AreYouGoingOnVacation").change(function () {
    if ($(this).val() == "Yes") {
      $("#divWouldYouBeTakingASpouse").show();
    } else {
      $("#divWouldYouBeTakingASpouse").hide();
    }
  });
  $("#WouldYouBeTakingASpouse").change(function () {
    if ($(this).val() == "Yes") {
      $("#divHowLongAreYouWillingToWaitForFood").show();
    } else {
      $("#divHowLongAreYouWillingToWaitForFood").hide();
    }
  });
});

Answer 1

如果我理解你更正，你会重置第二个下拉菜单的值如果第一个下拉列表发生变化。

会是这样

$('#AreYouGoingOnVacation').on('change', function(){
   $('#WouldYouBeTakingASpouse').val('');
})

使用 jQuery 从第一个下拉列表中重置并清除

Reset and clear from first dropdown with jQuery

javascript

jquery

drop-down-menu

dropdown