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
原文地址:https://www.cnblogs.com/hzcya1995/p/13349094.html