JS 重置按钮：下拉选择设置默认值

下拉选择默认选择第2行,且显示第2行的名称

<div class="form-group">
  <select id="mySelect" class="form-control">
    <option value="">请选择</option>
    <option value="1">第一行名称</option>
    <option value="2">第二行名称</option>
    <option value="3">第三行名称</option>
  </select>
</div>

第一种写法

// 数组索引从0开始，所以1代表第二行
$('#mySelect').prop('selectedIndex', 1);
// 触发change事件以更新显示
$('#mySelect').change();

第二种写法

// 获取select元素
let select = document.getElementById('mySelect');
// 数组索引从0开始，所以1代表第二行
select.selectedIndex = 1;
// 触发change事件以更新显示
let event = new Event('change');
select.dispatchEvent(event);