javascript - how to set scroll function on select box

Question

Welcome To Ask or Share your Answers For Others

javascript - how to set scroll function on select box

asked Jan 31, 2022 in Technique[技术] by 深蓝 (71.8m points)

I want to set scroll function on select box so that whenever i scroll , an alert will be there . i am not able to set that .scroll function of jquery on select. Please tell me how to set it. May be i am doing some mistake in my code.

Code:

<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>

Js file:

      $( "#d1" ).scroll(function() {
  console.log("Scrolling");
});

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

194 views

1 Answer

深蓝 · Answer 1 · 2022-01-31T07:15:55+0000

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>

Categories

javascript - how to set scroll function on select box

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags