js如何改变下拉条的控件

<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
</select>

// 获取下拉条元素
var selectElement = document.getElementById('mySelect');

// 添加一个新的选项
var newOption = document.createElement('option');
newOption.text = '选项3';
newOption.value = '3';
selectElement.add(newOption);

// 修改第一个选项
selectElement.options[0].text = '修改后的选项1';
selectElement.options[0].value = 'modified1';

// 删除第二个选项
selectElement.remove(1);

// 设置默认选中第三个选项
selectElement.selectedIndex = 2;