利用jQuery取select的值

最新推荐文章于 2024-05-03 13:26:42 发布

iteye_8264

最新推荐文章于 2024-05-03 13:26:42 发布

阅读量99

点赞数

文章标签： javascript ViewUI

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）初始化时