Question

我通过XMLHttpRequest检索数据，而且数据通常是40-100个选项。

除了我无法获得滚动条之外，一切似乎都很有效。

我使用的是Chrome 60.0.3112.90

我使用代码段尽可能地模拟了上下文。

（在文本框中键入Label以查看结果）

＆＃13;

var destination = document.getElementById('dataSource');

function inputDelayDataRetrieval(data){
  var post_data = data;
  for (i=0; i < 60; i++){
    var option = document.createElement('option');
    option.value = i;
    option.label = 'Label'+ i;
    destination.appendChild(option);
  }
}

＆＃13;

 #dataSource {
    overflow-y: scroll;
    width: 500px;
    height: 360px;
    border: 1px silver solid;
 }

＆＃13;

<form>
   <input id="choiceList" type="text" maxlength="15" list="dataSource" onkeyup="inputDelayDataRetrieval(this.value)">
   <datalist id="dataSource" size="20"></datalist>
</form>

＆＃13;

任何提示或想法？我在这里咆哮错误的树吗？

提前致谢。

注意：我不想使用jQuery。我希望使用纯JavaScript / DOM争论来理解这个问题。

如何将滚动条放在datalist元素中

0 个答案: