js:怎么根据下拉列表的值取到相应的索引，急求，在线等

<select name="selects">
                      <option value="">[请选择]</option>
                      <option value="1">a</option>
                      <option value="2">b</option>
                    </select>如题，如果下拉列表值为1，怎么获取相应的索引，谢谢~

解决方案 »

  1.   

    <html>
    <head>
    <script type="text/javascript">
    window.onload = function() {
    document.getElementsByTagName('select')[0].onchange = function() {
    alert(this.selectedIndex);
    }
    }
    </script>
    </head>
    <body>
    <select name="selects">
      <option value="">[请选择]</option>
      <option value="1">a</option>
      <option value="2">b</option>
    </select></body>
    </html>
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#st').change(function () {                
                    var index = $(this).find('option').index($(this).find('option[value=' + $(this).val() + ']'));
                    alert(index);
                });
            });
        </script></head>
    <body>
    <select name="selects" id="st">
      <option value="">[请选择]</option>
      <option value="1">a</option>
      <option value="2">b</option>
      </select></body>
    </html>