select下拉列表获取value text index

最新推荐文章于 2022-04-10 17:37:03 发布

梧桐林雨

最新推荐文章于 2022-04-10 17:37:03 发布

阅读量1.1k

点赞数

分类专栏： javascript/jquery

本文链接：https://blog.csdn.net/lt15032237182/article/details/17279283

版权

javascript/jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<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>