使用JavaScript更改select中的选项，而不丢失所选内容

可以通过以下步骤实现：

1. 获取select元素的引用：可以使用document.getElementById()方法或者document.querySelector()方法获取select元素的引用。例如，假设select元素的id为"mySelect"，可以使用以下代码获取其引用：

var selectElement = document.getElementById("mySelect");

1. 创建新的选项并添加到select中：可以使用document.createElement()方法创建新的option元素，并使用appendChild()方法将其添加到select元素中。例如，以下代码创建一个新的option元素，并将其添加到select元素的末尾：

var newOption = document.createElement("option");
newOption.text = "New Option";
selectElement.appendChild(newOption);

1. 设置所选内容：为了保持所选内容不丢失，可以使用select元素的selectedIndex属性或者value属性来设置所选内容。selectedIndex属性表示所选选项的索引，而value属性表示所选选项的值。例如，以下代码将第一个选项设置为所选内容：

selectElement.selectedIndex = 0;

或者，以下代码将值为"value2"的选项设置为所选内容：

selectElement.value = "value2";

完整的示例代码如下：

var selectElement = document.getElementById("mySelect");

// 创建新的选项并添加到select中
var newOption = document.createElement("option");
newOption.text = "New Option";
selectElement.appendChild(newOption);

// 设置所选内容
selectElement.selectedIndex = 0;

这样，使用JavaScript就可以更改select中的选项，而不丢失所选内容。对于更复杂的操作，可以根据具体需求进行相应的处理。

推荐的腾讯云相关产品：腾讯云云开发（Tencent Cloud CloudBase），它是一款全托管的云原生应用开发平台，提供前后端一体化的开发框架和工具链，支持多种编程语言和开发框架，可快速构建和部署云原生应用。了解更多信息，请访问腾讯云云开发官网：腾讯云云开发。