Javascript 获取所选下拉列表值，如果以后选择了新选项，是否还获取新值？

我试图从html选择选项中获取下拉值，但希望它获取新值，以防以后选择其他选项

这是我的html代码：

<select name="show1" class="show1">
    <option value="Pos1">Position</option>
    <option value="Lot1">Lots</option></select>

var slctd = document.getElementById("show1");
var strUser = slctd.value;

但是我如何合并，以便它以后也能得到更改的值呢？

---

意思是在页面上加载它以获取选定的值，然后在以后更改它时，它将获取新的选定值？

您需要附加一个事件侦听器来侦听

更改

事件：

const select=document.querySelector（'select[name=show1]”）//选择元素
select.addEventListener（//将事件侦听器附加到它
'change'，//侦听更改事件的
函数（）{//并在发生更改事件时执行此函数
console.log（select.value）；//您也可以在这里更新一个全局变量
}
);

位置
洛茨