在下拉列表中選擇一個選項<select>以編程方式

Question

我在網站上有一個頁面，我正在從Web服務自動更新。我試圖在加載頁面之前設置下拉列表的值，並且我可以看到何時選擇了下拉列表，我想要的值已經突出顯示，但是我希望該選項不會突出顯示。這是我在javascript代碼：

document.getElementById('walkForAmount').selectedIndex = object.get("WalkForTime"); 

加載頁面時自動調用。它將selectedIndex設置爲一個int 0 -15。和HTML代碼：

<select id = "walkForAmount" name="walkForAmount" style="margin-left:2em;margin-top:-1em; width:4em;"> 
           <option>-</option> 
    </select> 

編輯：下面的id JS我用它來生成選項

$(document).ready(function() { 


      $("#walkForAmount").select2({ 

      }); 

      $("#walkForType").select2({ 

      }); 



      for (i = 1; i < 16; i++) { 

      $("#walkForAmount").append("<option>"+i+"</option>"); 

      } 

     }); 

Answer 1

如果您使用選擇二，您可以通過更新您的選擇

$("#walkForAmount").select2("val", "5"); // select "5" 

例如：http://jsfiddle.net/verashn/aWvQr/1/