JQuery 选择选项未更新\

Question

所以我正在尝试使用 html 中的选择选项更新选项列表，如下所示：

   <select id="weight" data-global="true" class="weight-select"></select>

这只是重量等级的选择。

然后，我尝试使用来自其他地方的用户输入的值、文本和数字填充当前选择选项（因为它可以工作，所以不用担心）。在我的 JS 中，这是我必须填充的内容。

var options = [match.players.length];

    $.each(options, 
        function(index){
    //player = match.players[index]
    options.push('<option>' + match.players.length + '</option>');

    });

    $('#weight').html(options.join(''));

现在我只是用这段代码测试它是否正在更新，所以忽略掉出来的行。所以 match.players.length 只是玩家 matchContainer 的长度。此代码在选择下拉列表中输入值 0，但是当我使用超过 1 个玩家填充 match.players 时，它不会更新，是的，我在更新我的 match.players 时运行此代码的函数

总的来说，我目前只是想填充我的选择选项，只要用户输入 match.players[0]、match.players[1] 等的值...（在幕后它可以工作所以假设它正在更新）根据有多少用户输入来更新我的选择，所以只是长度。根据用户输入的数量，下拉选择窗格的值为 0,1,2,3,4,5...。到目前为止，当没有用户输入时，它只是停留在当前数组长度为 0。

Answer 1

var options = [match.players.length];

这只是要创建一个长度为 1 的数组，其值为 match.players 的长度，我很确定这不是您想要做的。

只需将选项设置为等于 match.players 并对其进行迭代。