使用javascript在数据列表中不调用滚动事件

下面是我的视图代码。我使用datalist进行下拉，但不能调用scroll事件来加载更多数据，我只希望在使用javascript添加更多数据后显示20条记录

<input type="text" name="product" list="myselectbox"/>
<datalist id="myselectbox">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    ...
    <option>100</option>
</datalist>

//JavaScript

var mySelect = $('#myselectbox');
mySelect.scroll(function (e) {
        alert("b");
)};

1.
2.
3.
...
100
//JavaScript
var mySelect=$（“#myselectbox”）；
mySelect.scroll（功能（e）{
警报（“b”）；
)};

只有当子项高度大于父项高度时，才能实现滚动事件。在这种情况下，子对象将溢出。因此，在您的情况下，我相信您已经为

myselectbox

指定了固定的高度，因此如果子内容超过，它将滚动

现在，您可以检测

myselectbox

的滚动是否已结束，然后动态向列表中添加新项目

---

要检测滚动是否已完成，请参阅。

您是否检查了此处？这是否回答了您的问题？我还需要用于从下拉列表中搜索数据的文本框，因此我使用的是datalist，而上面的方法无法满足我的要求。

的呈现和样式是特定于供应商和操作系统的，它不会触发滚动事件。如果您想实现选项的延迟加载，那么您可能希望研究实现自定义下拉列表，或者使用模仿此功能的第三方库。我想知道下一票的原因，以便在出现问题时进行纠正。