动态大小菜单Javascript

我是java脚本新手，我一直在尝试使用java脚本和HTML开发一个选择菜单。它必须根据按下的按钮更改“选择”菜单将显示多少项的大小。
有没有办法让它动态地改变大小

这是我到目前为止所拥有的

var value = 6;
$("button").click(function() {value = $(this).val();});

var select = document.getElementById("selectNumber");
var options = [];
for ( j = 1; j < value; j++){
        options += j.toString();
}
for(var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
}

var值=6；
$（“按钮”）。单击（函数（）{value=$（this.val（）；}）；
var select=document.getElementById（“selectNumber”）；
var期权=[]；
对于（j=1；j

以下是HTML部分：

<button id="3" name="3" value="3">3</button>
<button id="4" name="4" value="4">4</button>
<button id="6" name="6" value="6">6</button>

<select id="selectNumber">
    <option>Choose a number</option>
</select>

3
4.
6.
选择一个数字

---

提前感谢。

这是否回答了您的问题？这回答了你的问题吗？