如何取得给定的一个值一个下拉菜单中是第几项？

Question

例如：
<select name=""  > 
<option value="1" >11 </option > 
<option value="2" >22 </option > 
<option value="3" >33 </option > 
......我想知道2在这个下拉菜单中是第几项，请问如何做？

Answer 1

我的意思是知道value，想得到这个value在option中的index 例如
<select name=""   >  
<option value="sss"  >11  </option  >  
<option value="ccc"  >22  </option  >  
<option value="bbb"  >33  </option  > 
<option value="ggg"  >33  </option  > 
<option value="eee"  >33  </option  > 
<option value="uuu"  >33  </option  >  
...... 现在我想知道eee在的index是多少？

Answer 2

selectObj.selectIndex  -->> selectedIndex选中value=ccc的option:selectObj.value="ccc"
得到value=ccc的option:for(var i=0;i<selectObj.options;i++) if(selectObj.options.value=="ccc") alert(i);

Answer 3

JS:function calcIndex()
{
   var isIndex=null;
   var oSelect=$("mySelect");
   for(var i=0;i<oSelect.options.length;i++)
   {
      if(oSelect.options[i]==oSelect.options[oSelect.selectedIndex])
      {
         isIndex=i;
         break;
      }
   }
   alert("当前选中项目的索引值为: "+isIndex);
}
function $(objID)
{
   return document.getElementById(objID);
}HTML:<div class="div">
<select id="mySelect">
<option value="">--请选择--</option>
<option value="">--苹果--</option>
<option value="">--香蕉--</option>
<option value="">--菠萝--</option>
<option value="">--芒果--</option>
<option value="">--橙子--</option>
<option value="">--橘子--</option>
</select>
        <input type="button" value="计算索引值" onclick="calcIndex()">
</div>===================
这样可以.