2021-04-01  点击量: 20

js实现select中插入任意位置选项

指定select中插入一个新选项,并设置是否选中.同时可以设置插入的位置

如果想做得更完善,可以获取select中的原始数量,判断一下插入的位置是否超限等.

<script>
var menu = document.getElementById("menu");
addAt(menu,'请选择',0,0,1);//选中
addAt(menu,'请选择',0,0,0);//未选中
function addAt(selectCtl,optionText,optionValue,position,type)
{
   var userAgent = window.navigator.userAgent;
   if (userAgent.indexOf("MSIE") > 0) {
   var option = document.createElement("option");
   option.value = optionValue;
   option.innerText = optionText;
   if(type==1) option.selected = true;
   selectCtl.insertBefore(option, selectCtl.options[position]);
  }else{
   if(type==1) selectCtl.insertBefore(new Option(optionText,optionValue,true,true), selectCtl.options[position]);
   else selectCtl.insertBefore(new Option(optionText,optionValue), selectCtl.options[position]);
  }
}
</script>

 

 

 

评论已关闭!