Html 选择选项 onclick 在 Chrome 中不起作用，可能是另一个

Question

我希望 html 选择选项使用 div ID 和 On-click Html 属性和 JavaScript (document.getElementById) 向下滚动到 div。但是单击属性在选择选项中不起作用。如果无法使用 on-click 属性。然后告诉我另一种方法。

<select>
<option>1111111</option>
<option>2222222</option>
<option onclick="document.getElementById('divid1').scrollIntoView();">Scroll down to div id</option>
<option>4444444</option>
<option>5555555</option>
<option>6666666</option>
</select>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id='divid1'>scroll</div>

期待答案

Answer 1

这也应该在 Chrome 中工作：（使用 onchange 事件处理程序，并将选定的值传递给函数）

HTML：

<select onchange="scroll_to(this.value);">
<option>1111111</option>
<option>2222222</option>
<option >Scroll down to div id</option>
<option>4444444</option>
<option>5555555</option>
<option>6666666</option>
</select>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id='divid11'>scroll</div>

Javascript：

  function scroll_to(val) {
     if(val== "Scroll down to div id")  
        document.getElementById('divid11').scrollIntoView();
    }

演示：http://jsfiddle.net/uya2skz5/

顺便说一句，您的第一个带有 onclick 处理程序的代码在 Firefox 中运行良好。