JQuery选择选项不更新\

时间:2017-03-13 22:17:46

标签: javascript jquery css select

所以我试图使用html中的select选项更新选项列表,如下所示:

   <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,但是当我填充match.players与多于1个播放器时它不会更新,是的我在运行更新我的match.players时此代码的函数

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

1 个答案:

答案 0 :(得分:0)

var options = [match.players.length];

这只是制作一个长度为1的数组,其值为match.players的长度,我很确定这不是你想要做的。

只需将选项设置为等于match.players并迭代它。