为什么我的选择元素没有更改选项？

问：

我正在使用 Jquery 和 Jquery-UI 1.7.2。代码本身是一个篡改脚本，其中包含GM_setValue所需的授权，并且已经编写GM_getValue。有问题的代码部分是 select 元素应更新的部分，以便在文档开头将所选选项作为保存在 GM 中的选项。select 元素根本不显示已保存的选项，而是保留在默认的第一个选项上。我几乎尝试了所有方法，但不知道代码出了什么问题。

我尝试调试我的代码并尝试使用不同的方法来实现我想要的东西，但似乎没有任何效果。我还检查了与此类似的其他问题，但其他帖子的解决方案似乎不适用于我的情况。

<div class="feature-select" id="element-type">
      <select>
        <option value="water" selected>Water</option>
        <option value="earth">Earth</option>
        <option value="land">Land</option>
        <option>
      </select>
</div>

$('.feature-select').each(function() {
    this.value = GM_getValue(`velocity.data.${$(this).attr('id').split("-")[0]}.type`, "")
    $(this).addEventListener('change', function (e) {GM.setValue(`velocity.data.${$(this).attr('id').split("-")[0]}.type`, e.target.value); console.log(e.target.value)});
})