Html选择选项onclick不工作在Chrome &可能是另一个

Html select option onclick not working in Chrome & may be another

本文关键字：另一个 Chrome 选项 选择 onclick 工作 Html      更新时间：2023-09-26

我想要的html选择选项滚动到使用div ID和点击html属性和JavaScript (document.getElementById)的div。但是On-click属性在选择选项中不起作用。如果不能使用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>

希望得到答案

这也应该在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中工作得很好。

相关文章：