html:select 删除当前选择项

  <html:form action="/send">
<html:select property="selectedDelccgs" multiple="true" style="width:180px;height:300px">
        <html:options property="selectedccgids" labelProperty="selectedccgnames"/>
      </html:select>
<html:button property="button" value="delselected" onclick="delselected()"> </html:button>
</html:form>
这里selectedccgids和selectedccgnames都是form中的属性，我通过按钮delselected删除当前选择项（最后一项不删除）。
函数如下：
function delselected()
{
  var pa =  document.getElementsByName("selectedDelccgs")[0];
  for(var i = 0; i < pa.options.length-1; i++)
  {
      if(pa.options[i].selected == true)
      {
        pa.options.remove(i);
        i--;
      }
  }
}
运行后，的确在页面显示时能够删除当前选择项。但问题是删除了当前选择项但并不能影响selectedccgids和selectedccgnames的值！也就是只是表面删除了，但相应form中存储的数据并没有改变！有什么办法能够更新form中的数据呢？如果对form进行提交根据selectedDelccgs属性是可以进行相应的删除，但这样就要在服务器端实现，有没有不进行form提交而能实现的办法？

---

上面的