无法从添加的选择列表

时间:2017-03-29 21:03:53

标签: javascript jquery html

所以到目前为止,每次用户输入信息并且列表正确填充时,我都会选择添加文本。

生成选择列表的我的HTML在这里:

<div id="weight-wrap" data-value="1">
    <span class="gameStatLabel">Weight</span>

        <div class="vElement-wrap vSelect weight-select">
        <div class="selectInput"></div>
        <div id="optionWeight" class="optionWrap"></div>
        <button class="selectDrop">▼</button>
        </div>
</div>

我没有使用select和option方法,因为它只填充div并且没有在选择下拉列表中显示它。

至于我用来填充上面的HTML的代码或我的optionWeight div这是我用来成功填充它但我无法选择我创建的选项,因为我的selectInput类没有改变点击它的动作

players = match.players;

var options = [];
//options.push('<div class="vOption" value=select>' + "Select" + '</div>');

$.each(players,
    function(index)
    {
        player = players[index];
        options.push('<div class="vOption" value='+index+'>' + player['weightClass'] + " lbs" + '</div>');
    }
);

$('#optionWeight').html(options.join(''));
$('#optionWeight').trigger('change');

值得注意的是,如果我要取消注释上面的代码,它将创建一个选择下拉列表,显示&#34;选择&#34;并且我能够选择它但是一旦用户插入数据值以填充更多选择,一切包括&#34;选择&#34;即使正在显示点击光标,也将无法选择。

0 个答案:

没有答案