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