Try this:

  <script type="text/javascript">
    function getOption() {
        selectElement = document.querySelector('#selectoption');
        output = selectElement.value;
        document.querySelector('.output').textContent = output;
    }
    </script>

或者试试这个：

selectElement.options[selectElement.selectedIndex].value

selectedIndex---用于设置或获取集合中选定元素的索引。
length---这是一个只读属性，用于获取集合中元素的数量。

您可以将值保存在localStorage中，如下所示：

localStorage.setItem('selectOption', $(#SelectOption).val());

那么你的浏览器会记住这个值，即使在页面重新加载（表单发送），然后你可以填写你的表单得到的值

$(#SelectOption).val(localStorage.getItem('selectOption'))

preventDefault（）方法在事件可取消时取消该事件，这意味着属于该事件的默认操作将不会发生。
例如，这在以下情况下可能很有用：
点击“提交”按钮，阻止它提交表格点击链接，阻止链接从以下URL请检查此链接。
试试这个

$(document).ready(function(){

    $('#SelectOption').change(function (e) {

        console.log($( "#SelectOption" ).val())
        let SelectOptionValue = $( "#SelectOption" ).val()
        console.log("click",SelectOptionValue)

        // $('#myform').submit();

        $( "#SelectOption" ).val("Depo")
        console.log($( "#SelectOption" ).val())
        console.log("click")
        e.preventDefault();
    });

});