使用 JS

Question

我想让用户定义输入的数量，所以如果用户选择 3，屏幕上会出现 3 个输入。之后，如果用户选择 2，屏幕上会出现 2 个输入，而之前添加的 3 个输入将消失。

    function add(n) {
        for(let i = 0; i < n; i++) {
            var element = document.createElement("input");
            var foo = document.getElementById("numbers");
            foo.appendChild(element);
        }
    }
    function get() {
        return  document.getElementById('sel').textContent;
    }

    <select id="sel">
       <option label="2">2</option>
       <option label="3">3</option>
       <option label="4">4</option>
    </select>
    <input type="button" value="Add" onclick="add(get())"/>
    <form id="numbers">
    
    </form>

如果我使用 onclick="add(3)"，屏幕上会显示 3 个输入，但是当我使用 onclick="add(get())" 时，它无法正常工作。