jQuery不刷新選擇元素

Question

我似乎無法得到以下功能，單擊按鈕從我的MVC4/WebAPI應用程序中獲取數據時正常工作。問題是，當我點擊調用這個函數的按鈕時，它會在第一次調用時工作，它獲取數據並且控件被填充適當的數據。

但是，當我第二次單擊該按鈕時，select元素（#lstItems）將返回到第一個選項，而不是返回記錄中的所選項目。我認爲通過灑selectmenu（'刷新'）會做的伎倆，但無濟於事。

function getPOById() { 
    $.ajax({ 
     type: "GET", 
     url: webroot + "api/items?POId=" + $("#txtPOId").val(), 
    }).done(function (data) { 
     $("#txtSupplierName").val(data.SupplierName); 
     $("#txtQuantity").val(data.Quantity); 
     $("#txtUnitPrice").val(data.UnitPrice); 
     $('#lstItems option').each(function() { 
      $(this).removeAttr('selected'); 
      $("#lstItems").selectmenu("refresh"); 
      if ($(this).attr('value') == data.ItemId) { 
       $(this).attr('selected', 'selected');      
      } 
      $("#lstItems").selectmenu("refresh"); 
     });    
    }).fail(function (err) { 
     alert("Error " + err.status + "Code " + err.statusCode); 
    }); 
    $("#lstItems").selectmenu("refresh"); 
}