<script>   //JavaScript 代码 严格区分 大小写  ，有错误 会全部不显示，但不会提示 错在哪里
  function func2(){        //   function没有参数也要加()
   var x =document.getElementById('aid');  // 声明 变量x，document.getElementById("id1")相当于$("#id1")只不过前者返回DOM对象，后者返回jQuery对象
      if (x.options[x.selectedIndex].value=='a2')                //if判断,注意是两个等号  if ( x=='a2'){     } else {   };  
           {alert(x.options[x.selectedIndex].text+'--不能删除')} //要看变量的值，直接alert(x); 
       else   x.options.remove(x.selectedIndex);                 //if  结束，一定要记得加分号; 
  };                       //   function结束，一定要记得加分号;          
   
    function func1(){  
     var x =document.getElementById('aid');
       x.options.add(new Option("显示值text"+x.selectedIndex,'a'+x.length));  //新建 对象new 
   };

function value2index(id,aValue){   
    selectdom=document.getElementById(id);
    option       =selectdom.getElementsByTagName("option");
       for(var i=0;i<option.length;i++){        //for 循环  for(var i=0;i< 9 ;i++) { if(i ==2 ){   break;  };  };  
          if(option[i].value==aValue){     return i;          //function 的return 返回值i
                                           break;    };    // break; 退出 for 循环，一定要记得加分号; 
      };                                                          //for 循环结束，一定要记得加分号; 
};

  function  func3(){       
      alert(value2index('aid','a2'));                         //在一个function 调用另一个function,两个function位置任意，但一定要一个<script>块里
};

</script>
<!--------------------------------- 下面是HTML DOM 内容---------------------------------------->
<select   id ='aid' >
       <option  value='a1'   >苹果</option> 
       <option value='a2'    >2不能删除</option> 
       <option value='a5'    >苹果</option> 
       <option value='ab'    >苹果</option> 
       <option value='a2'    >我a2项，不能删除</option> 
       <option value='a3'    >我3项，能删除</option> 
</select>

<input type='button' value='最后添加一项'  onclick=func1()>    //   function没有参数也要加()
<input type='button' value='删除选中项'           onclick=func2()>
<input type='button' value='返回value=a2的index' onclick=func3()>