Php 如何在AJAX更新下拉列表中保持焦点

我使用下面的代码调用一个php页面，该页面从DB表中获取数据并更新下拉列表

<script type="text/javascript">
function refresh()
{
var req = new XMLHttpRequest();
Console.log("Grabbing Value");
req.onreadystatechange=function() {
if (req.readyState==4 && req.status==200) {
document.getElementById('monitor').innerHTML = req.responseText;
}
}
req.open("GET", 'test.php?lang=<?php echo $lng;?>', true);
req.send(null);
}
function init()
{
refresh()
var int=self.setInterval(function(){refresh()},3000);
}
</script>

函数刷新（）
{
var req=新的XMLHttpRequest（）；
Console.log（“抓取值”）；
req.onreadystatechange=函数（）{
如果（req.readyState==4&&req.status==200）{
document.getElementById（'monitor'）.innerHTML=req.responseText；
}
}
open（“GET”，“test.php？lang=”，true）；
请求发送（空）；
}
函数init（）
{
刷新（）
var int=self.setInterval（函数（）{refresh（）}，3000）；
}

这很好，但我的问题是，当我在下拉框中选择了一个项目，然后该项目得到更新时，下拉框将转到第一个项目

---

ajax是否有办法保留我突出显示的内容，并仍然更新下拉框？

因此您需要记住表单值，并在更新后重新选择它。或者更好的是，如果不是全部的话，只更改更新的代码部分。谢谢。php页面目前只有一个下拉列表，正在正确填充。最终目标将在该页面上有几十个下拉列表，每个下拉列表都来自不同的表。是否有一种更有效或更简单的方法可以做到这一点，而不必记住每个下拉列表的表单值？