如何在选择框上设置滚动功能

时间:2017-08-28 04:47:26

标签: javascript jquery

我想在选择框上设置滚动功能,这样每当我滚动时,都会有一个警报。我无法在select上设置jquery的.scroll函数。请告诉我如何设置它。可能是我在代码中犯了一些错误。

代码:

enabled

Js文件:

<div class="dropdown col-xs-4">
  <input list="d1" id="search" name="d1" class="form-control input-xs" placeholder="Search by">
    <!-- <datalist id="d1"> -->
    <select id="d1">
      {{#each data1}}
    <option class="form-control" > {{TradeName}} </option>
     {{/each}}
   </select>
   <!-- </datalist> -->
</div>

1 个答案:

答案 0 :(得分:0)

document.getElementById("d1").addEventListener("scroll", scroll);

function scroll() {
    document.getElementById("demo").innerHTML = "Scrolled";
    }
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div>
    <select id="d1" onmousedown="if(this.options.length>5){this.size=5;}" >
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
      </select>
</div>
<p id="demo"></p>

</body>
</html>

我刚编辑了代码。你可以试试这个。向下滚动时将显示文本。这不是一个好方法,但暂时你可以使用它。