select标签中值的获取方法

来源：互联网发布：童年动画知乎编辑：程序博客网时间：2024/06/06 03:10

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <script type="text/javascript" src="js/jquery.js" ></script>    </head>    <body>        <div style="width: 100%;">            <select id="1" onchange="getValue();">                <option id="12" value="122">1222</option><!-- value="122" text="1222" -->                <option id="13" value="133">1333</option><!-- value="133" text="1333" -->                <option id="14" value="144">1444</option><!-- value="144" text="1444" -->                <option id="15" value="155">1555</option><!-- value="155" text="1555" -->            </select>        </div>        <script>            function getValue() {                //下面这两种效果是一样的，如果对应的option没有设置value属性的值，那么就会显示text值                $("#1").val();//获得的就是你选中的option的中value属性的值                $("#1 option:selected").val();//获得的就是你选中的option的中value属性的值                //获取选中option的text值                $("#1 option:selected").text();//获得的就是你选中的option的text值            }        </script>    </body></html>

阅读全文

0 0