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
  • 相关阅读:
    TC配置文件WCMD.INI详解,只能在ini重修改的配置
    Source Insight中的多行注释
    ACE_Timer_Heap_T定时器
    什么是代理服务器
    太阳能传感器目前主要故障问题解决方案
    source insight中文显示和处理
    C#3.0新特性小结(2)
    .NET中事务操作小结(1)
    常用的正则表达式收藏版
    几种流行的Ajax开发框架比较
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13349094.html
Copyright © 2011-2022 走看看