获取打字稿中所选选项的值

时间:2020-06-15 17:04:49

标签: typescript dom

我试图在没有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)

但是发生以下错误:

“未捕获的TypeError:无法读取未定义的属性'push'”

1 个答案:

答案 0 :(得分:0)

错误告诉您无法对未定义的元素进行推送,您应该尝试初始化变量 arr ,例如:

let arr : Array <string> = [];