获取 Typescript 中选定选项的值

Question

我正在尝试在没有 Angular 的情况下获取 Typescript 中所选选项的值。我已将 HTML 设置如下：

<div class="formCol">
    <div class="form-group mt-5 mx-1">
    <select class="form-control" id="firstPoints1">
        <option name="point2" value="coner">coner</option>
        <option name="point2" value="edgePillar">edgePillar</option>
        <option name="point2" value="edge">edge</option>
    </select>
    </div>
</div>

相关的javascript：

<script>
    let el = document.querySelector("#firstPoints1");
    let arr : Array <string>;
    function getSelected (el : HTMLFormElement, arr : Array <string>) {
        for (let i = 0; i < el.length; i++) {
            if (el[i].selected) {
                arr.push(el[i].value);
            }
        }
    }
    function getSelected (el, arr)

但是出现以下错误：

"Uncaught TypeError: Cannot read property 'push' of undefined"

Answer 1

错误告诉你它不能push到一个未定义的元素，你应该尝试初始化变量arr，比如：

let arr : Array <string> = [];