利用jQuery取select的值

1、通过jQuery取select的值,源码如下:

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>取select的值</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <script type="text/javascript" src="../script/jquery-1.10.2.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#yhd_select").each(function(){
                    $("#yhd_select").change(function(){
                        //取select中的option的value值
                        alert($("#yhd_select").val());
                        //取select的文本值
                        alert($("#yhd_select  option:selected").text());
                    });
                });
            });
        </script>
    </head>
    <body>
        <div id="yhd_div">
            <label>地市:</label>
            <select id="yhd_select">
                <option value="0">全部</option>
                <option value="1">武汉市</option>
                <option value="2">黄石市</option>
                <option value="3">十堰市</option>
                <option value="4">荆州市</option>
                <option value="5">宜昌市</option>
                <option value="6">襄阳市</option>
                <option value="7">鄂州市</option>
                <option value="8">荆门市</option>
                <option value="9">黄冈市</option>
                <option value="10">咸宁市</option>
                <option value="11">随州市</option>
                <option value="12">孝感市</option>
            </select>
        </div>
    </body>
</html>

2、运行结果

(1)初始化时


(2)选择“武汉市”时


(3)单击“确定”后



原文地址:https://www.cnblogs.com/hzcya1995/p/13315534.html