select下拉列表获取value text index

<html>
<head>
     <title>获取下拉列表的值</title>
     <script type=text/javascript src='jquery.js'></script>
     <script>
          function alertvalue()
          {
               alert($('#sel').val());//value();
               alert($('#sel').text());//select的text文本值【所有的option】
               alert($('#sel').find('option:selected').text());//选中的option值即select的alue值
               alert($('#sel option').index($('#sel option:selected')));//获取选中的option的索引值
          }
     </script>
</head>
<body>
     请选择:<select id='sel' οnchange=alertvalue()>
          <option value='AA'>AA</option>
          <option value='BB'>BB</option>
          <option value='CC'>CC</option>
          <option value='DD'>DD</option>    
     </select>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章