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
  • 相关阅读:
    不用加减乘除做加法
    数组中只出现一次的数字
    平衡二叉树
    二叉树的深度
    两个链表的第一个公共结点
    连续子数组的最大和
    最小的K个数
    数组中出现次数超过一半的数字
    二叉搜索树与双向链表
    复杂链表的复制
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13349096.html
Copyright © 2011-2022 走看看