所以到目前为止,每次用户输入信息并且列表正确填充时,我都会选择添加文本。
生成选择列表的我的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;即使正在显示点击光标,也将无法选择。