zoukankan      html  css  js  c++  java
  • 利用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)单击“确定”后



  • 相关阅读:
    P1215 [USACO1.4]母亲的牛奶 Mother's Milk
    P2966 [USACO09DEC]牛收费路径Cow Toll Paths
    P2419 [USACO08JAN]牛大赛Cow Contest
    1085 数字游戏
    P1983 车站分级
    P1346 电车(dijkstra)
    P1196 银河英雄传说(加权并查集)
    P1195 口袋的天空
    3027 线段覆盖 2
    codevs 1214 线段覆盖/1643 线段覆盖 3
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315534.html
Copyright © 2011-2022 走看看