使用jQuery滚动到多选择的最后一个元素

Question

我在jQuery中有一个功能，它在选择框中添加文本框中的内容。当我点击一个按钮的功能被称为：

 addToList = function(textField, selectList) 
    { 
      var val = $('#'+textField).val(); 
      var select = $('#'+selectList); 

      //If element does not exist already... 
      if (select.find('option[value="' + val + '"]').length === 0 && val!="") 
      { 
       //Add new element to the list 
       $('<option>', { 
       value: val, 
       text: val 
       }).appendTo(select); 

       //Clear text field 
       $('#'+textField).val(""); 

       //Scroll down multi select and select automatically the added option 
       //TODO: Scrolls only to selected element 
       var lastOption = select.find("option[value="+val+"]"); 
       lastOption.attr("selected", true);    
      } 
      else 
      { 
       if (val!="") 
       { 
        alert("\""+val+"\" is already in the list."); 
       } 
      } 
    }; 

我想，是我每次一个元素添加到列表，列表中向下滚动到它的底部（这意味着该列表的最后一个元素将在其最后一行显示），添加的元素将被自动选中。

我发现SO向下滚动到所选元素一些代码，但我没有发现任何代码，只需滚动无论选中后什么到列表的末尾。我需要这个，因为如果我选择第一个元素，这段代码就不会滚动！

Answer 1

试试这个：

var addToList = function(textField, selectList) { 
    var $textField = $('#' + textField), 
     $select = $('#' + selectList), 
     val = $textField.val(), 
     valueFilter = '[value="%s"]'; 
    if(val) { 
     if($select.find('option').filter(valueFilter.replace('%s',val)).length === 0) { 
      $('<option/>').appendTo($select).attr('value', val).text(val); 
      $textField.val(''); 
      $select.val(val);//<<<<<<<<<<<< 
     } 
     else { 
      alert('"' + val + '" is already in the list.'); 
     } 
    } 
};