使用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.'); 
     } 
    } 
};