javascript - 最初のオプションを除くすべてのオプションを空にしようとしています

Question

選択があり、アイテムが削除されたときにページを更新するのではなく、その値をリセットする必要があります。デフォルトのオプションは削除され続けます。

HTML:

<select id="my_SiteGroups" style="width:200px;">
  <option value='default' disabled="disabled">Select a group</option>
</select>

JS:

group = $('#my_SiteGroups');   
function populateGroups(){ 
  //Populate the group list  
  strHTMLSiteGroups = "";
  group.empty(':not(:first-child)');
  $().SPServices({
      operation: "GetGroupCollectionFromSite",
      async: true,
      completefunc: function(xData, Status) {
        $(xData.responseXML).find("Group").each(function() {
        strHTMLSiteGroups += "<option value='" + $(this).attr("Name") + "'>" + $(this).attr("Name") + "</option>";
      });
        group.append(strHTMLSiteGroups);
      }
  });
}

基本的に populateGroups はすべてを選択に追加しましたが、ユーザーを削除すると、もう一度実行したいと思います。削除されたオプションを削除するには。これを使用して削除します：

function removeGroupFromSite(){
  //check if default group selected
  if(group.val() != null){
    var removeConfirm = confirm("Are you sure you want to delete: " + group.val());
    if(removeConfirm){
      $().SPServices({
        operation:"RemoveGroup",
        groupName: groupValue,
        async:true,
        completefunc: function (xData,Status){
           alert(groupValue + " succesfully deleted");          
           group.val('default');
           populateGroups();
          $("#my_SPUsersAssigned").empty();
          $("#my_SPUsersAvailable").empty();
        }
      });
    }
  }else{
    alert("Please select a group");
  }}

編集: Javasript を使用してデフォルトのオプションを追加する方が簡単でしょうか?