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

Question

我有一个使用 <li> 的下拉列表方法。我在选择数据和突出显示所选数据时没有显示问题。默认情况下，最近的( future )时间将显示在输入中。我想要那个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/