select options常用操作

1.判断select选项中 是否存在Value="value"的option元素 

function jsSelectIsExitItem(objSelect,objItemValue)

{ var isExit = false;

for(var i=0;i<objSelect.options.length;i++)

{

if(objSelect.options[i].value == objItemValue)

{

isExit = true;

break;

}

 

}

return isExit;

}

2.向select选项中 加入一个Item 

function addOptions(objsel,text,value){ 

if (valueExit(objsel,value)) {
alert("改属性值已经存在");
};
var option = new Option(text,value);
objsel.add(option,null);
alert('添加成功'); 

}

3.从select选项中 删除一个Item

function removeOpt(objSelect,objItemValue)
{
//判断是否存在
if(valueExit(objSelect,objItemValue))
{
for(var i=0;i<objSelect.options.length;i++)
{
if(objSelect.options[i].value == objItemValue)
{
objSelect.options.remove(i);
break;
}

}

alert("成功删除");

}
else
{
alert("该select中 不存在该项");
}

}

4.修改select选项中 value="paraValue"的text为"paraText" 

<script type="text/javascript">
    var select = document.getElementById('sele');
function chaTeByval(objSelect,objItemText,objItemValue)
{
     //判断是否存在
     if(isExit(objSelect,objItemValue))
     {
         for(var i=0;i<objSelect.options.length;i++)
         {
             if(objSelect.options[i].value == objItemValue)
             {
                 objSelect.options[i].text = objItemText;
                 break;
             }
         }
                  alert("成功修改");   

     }
     else
     {
         alert("该select中 不存在该项");
     }
} 

chaTeByval(select,'美国',6);

 

5.设置select中text="paraText"的第一个Item为选中

<script type="text/javascript">
    var select = document.getElementById('sele');
function selbyText(objSelect,objItemText)
{  
     //判断是否存在
     var isExit = false;
     for(var i=0;i<objSelect.options.length;i++)
     {
         if(objSelect.options[i].text == objItemText)
         {
             objSelect.options[i].selected = true;
             isExit = true;
             break;
         }
     }     
     if(isExit)
     { 
         alert("成功选中");          

     }
     else
     {
         alert("该select中 不存在该项");
     } 
}

selbyText(select,'上海');
</script>

 6.设置select中value="paraValue"的Item为选中

<script type="text/javascript">
    var select = document.getElementById('sele');
function selbyText(objSelect,objItemValue)
{  
     //判断是否存在
     var isExit = false;
     for(var i=0;i<objSelect.options.length;i++)
     {
         if(objSelect.options[i].value == objItemValue)
         {
             objSelect.options[i].selected = true;
             isExit = true;
             break;
         }
     }     
     if(isExit)
     { 
         alert("成功选中");          

     }
     else
     {
         alert("该select中 不存在该项");
     } 
}

selbyText(select,1);
</script>

 

7.得到select的当前选中项的value　　　　   select.options[select.options.selectedIndex].value

8.得到select的当前选中项的text　　　　　　select.options[select.options.selectedIndex].text

9.得到select的当前选中项的Index  　 select.options.selectedIndex;

10.清空select的项   　　　　　　　　select.options.length=0   select.innerHTML="";