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

很抱歉，当用户选择第一个下拉列表时，是否有办法将所有下拉列表重置并清除为原始状态。希望我能解释清楚。先谢谢你

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>

---

如果我理解您的正确，您将重置第二个下拉列表的值 如果第一个下拉列表发生更改

是这样的

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

---

谢谢@Joseph的快速回复。Stackoverflow不让我发布其余的代码。如果他们选择“你要去度假吗”，它将重置其他2个下拉列表。如果我之前不清楚，我向您道歉：）没问题，看起来很清楚，很高兴能帮助您：）您可以按照我在上面的回答中解释的相同方式重置为其他

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