javascript - 下拉自动滚动到所选数据

Question

我有一个使用 <li> 的下拉列表方法。我选择数据并突出显示所选数据没有显示问题。默认情况下，将显示输入的最近(将来)时间。我想要那个onclick在输入上(第一次)，它显示下拉列表，并自动转到(滚动到)相应的值(最近的( future )时间)。

就像您单击输入，然后选择数据(例如:23:00)，然后关闭列表一样。当您再次点击输入时，就会显示列表，并且会自动滚动到最后以显示之前选择的数据(23:00)。

希望你能明白我的意思。

这是我的 jsfiddle drop down list

谢谢。

Answer 1

试试这个代码

$('#textin1').click(function() {
        var pos = $('#textin1').offset();
        pos.top += $('#textin1').width();

        $('#dropdown').fadeIn(100);
       $('#dropdown').scrollTop($('#dropdown').find('li:contains("'+$('#textin1').val()+'")').position().top);
        return false;
    });

参见 js fiddle http://jsfiddle.net/w9j5N/1/