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

Question

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

<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 中运行良好。

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

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

javascript

html

html-select