Html选项onclick不能在Chrome中工作，也可能是另一种

Question

我想使用div ID和点击式HTML属性和JavaScript（document.getElementById）将html选项向下滚动到div。但“点击”属性在选择选项中不起作用。如果无法使用点击式属性。然后向我展示另一种方式来做到这一点。

<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中工作得很好。