select框大小不断变化，求解决办法

Question

多选的select框，大小已经确定，用js 添加删除时select框不断的宽带变小
求解决办法

Answer 1

设置宽度大点
  如果添加的项的宽度大于selelct宽度会自动扩宽

Answer 2

<select name="select" id="select" style="width:130px">
  </select>

Answer 3

不知道用相对的宽度行不行？
把代码贴下面：
1.JS的代码
<script language="javascript">
 //将id为selectSrc的下拉框的选中项添加到id为selectDes的下拉框中,同时删除选中项
  function addItems(selectSrc,selectDes){
var oSelectDes=document.getElementById(selectDes);
var oSelectSrc=document.getElementById(selectSrc);
for(var i=0;i<oSelectSrc.options.length;i++){
if(oSelectSrc.options[i].selected){
var e=oSelectSrc.options[i]; //如果当前项不在目标下拉框中,则添加
if(!isInselectDes(e,oSelectDes)){
var item= document.createElement("option");
item.innerText=e.text;
item.value = e.value;
oSelectDes.appendChild(item);
}
}
} //删除选中的数据项
for(var i=oSelectSrc.length-1;i>-1;i--){
if(oSelectSrc.options[i].selected){
oSelectSrc.removeChild(oSelectSrc.options[i]);
}
}
  } //判断当前项是否在oSelectDes的数据项中
  function isInselectDes(item,oSelectDes){
var val=item.value;
var bIn=false;
for(var i=0;i<oSelectDes.options.length;i++){
var e=oSelectDes.options[i];
if(e.value==val){
bIn=true;
}
}
return bIn;
  }
    </script>2.核心的多选框，左右两个,选中一个的项添加到另外的一个去，添加或者删除时下拉框的宽度会变小
  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" id="AutoNumber10">
<tr>
<td width="45%">
<div id="selectLeftShow">
<select name="selectLeft" id="selectLeft"  style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px; FLOAT: none; BORDER-LEFT: #ffffff 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 200; BACKGROUND-COLOR: #ffffff" multiple="multiple">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>

  </select>
</div>
</td>
<td width="10%" align="center">
<input type="button" value="添加" class="bt_select" name="add" onclick="addItems('selectLeft','selectRight')"><br>&nbsp;<br>
 <input type="button" value="删除" class="bt_wipeoff" name="delete" onclick="addItems('selectRight','selectLeft')"></td>
<td width="45%">
<div id="selectRightShow">
<select name="selectRight" id="selectRight" style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px; FLOAT: none; BORDER-LEFT: #ffffff 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 200; BACKGROUND-COLOR: #ffffff" multiple="multiple">

   </select>
   </div>
       </td>
       </tr>
</table>