如何修改下拉列表？

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

// 获取下拉列表元素
var selectElement = document.getElementById("mySelect");

// 添加选项
var option = document.createElement("option");
option.value = "option4";
option.text = "选项4";
selectElement.add(option);

// 删除选项
selectElement.remove(2); // 删除第3个选项

#mySelect {
  background-color: #f2f2f2;
  font-family: Arial, sans-serif;
  border: 1px solid #ccc;
  /* 其他样式属性 */
}