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)单击“确定”后



  • 相关阅读:
    postgresql 常用命令
    CF235D Graph Game
    win10 uwp 获得Slider拖动结束的值
    win10 uwp 获得Slider拖动结束的值
    win10 uwp 如何打包Nuget给其他人
    win10 uwp 如何打包Nuget给其他人
    C#判断文件是否被混淆
    C#判断文件是否被混淆
    win10 uwp 使用动画修改 Grid column 的宽度
    win10 uwp 使用动画修改 Grid column 的宽度
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315534.html
Copyright © 2011-2022 走看看