zoukankan      html  css  js  c++  java
  • jquery 捕获前端选择框或者输入框的值

    1.displayesblog.html
    
    <html>
    <head>
        <title>运维平台</title>
        <link rel="stylesheet" type="text/css" href="/static/Css/Monitor/displayesblog.css">
        <link rel="stylesheet" type="text/css" href="/static/Css/Public/header.css">
        <link rel="stylesheet" type="text/css" href="/static/Css/Public/menu.css">
    </head>
    <body>
        <include file="Public:header"/>
        <div class="content">
            <include file="Public:menu"/>
            <div class="con fl">
                <label class="condition">应用环境</label>
                <select name="env" class="monitor">
                <option value="esb">ESB系统</option>
                <option value="test">TEST系统</option>            
                </select>
                
                <label class="condition">日志选型IN/OUT日志</label>
                <select name="esbtag" class="monitor">
                <option value="in">IN端日志</option>
                <option value="out">OUT端日志</option>    
                </select>
                
                <label class="condition">工号</label><input type="text" name="mailuser" class="monitor">
                
                <!--<input type="submit" value="download" class="monitor_add">-->
                <input type="submit" value="download" class="download_add">
                <!--<input type="submit" value="get_mq_message" class="monitor_start">-->
                <input type="submit" value="sendmail" class="sendmail_add">
                
            </div>
            <table class="gridtable fr">
                    <tr><th>消息</th></tr>
            </table>
        </div>
    </body>
    <script type="text/javascript" src="/static/Js/jquery-2.2.2.min.js"></script>
    <script type="text/javascript" src="/static/Js/Monitor/displayesblog.js"></script>
    <!script type="text/javascript" src="/static/Js/Public/menu.js"><!/script>
    <script type="text/javascript" src="/static/Js/Public/ajax.js"></script>
    </html>
    
    
    
    
    2.
    
    $(function(){
        var _env_select = $("select[name='env']");
        var _esbtag_select = $("select[name='esbtag']");
        var _mailuser_select= $("input[name='mailuser']");
        var _sub_btn = $(".download_add");
        _sub_btn.on("click",function(){
        console.log(_env_select.val())
        console.log(_esbtag_select.val())
        console.log(_mailuser_select.val())
        });
    });
    
    esb
    displayesblog.js (第 7 行)
    in
    displayesblog.js (第 8 行)
    6666777
    displayesblog.js (第 9 行)
    esb
    displayesblog.js (第 7 行)
    in
    displayesblog.js (第 8 行)
    6666777
    displayesblog.js (第 9 行)
    esb
    displayesblog.js (第 7 行)
    in
    displayesblog.js (第 8 行)
    6666777
    displayesblog.js (第 9 行)
    esb
    displayesblog.js (第 7 行)
    in
    displayesblog.js (第 8 行)
    6666777
  • 相关阅读:
    【WCF】授权策略详解
    【WCF】基址与默认终结点
    【Win 10 应用开发】手写识别
    【.net 深呼吸】连接Access数据库应注意的几点
    【WCF】自定义地址头的筛选器
    【Win 10 应用开发】InkToolBar——涂鸦如此简单
    【WCF】为终结点地址应用地址头
    【.net 深呼吸】EqualityComparer——自定义相等比较
    【.net 深呼吸】使用二进制格式来压缩XML文档
    PHP根据传入的经纬度,和距离范围,返回所有在距离范围内的经纬度的取值范围
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13349096.html
Copyright © 2011-2022 走看看