<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    /* css 代码  */
    </style>
    <script src="/jquery-1.10.2.min.js"></script>
</head>

<body>
    select示例:
    <select id="selectExample">
    <option value="1"> 1 </option>;
    <option value="2"> 2 </option>;
    <option value="3"> 3 </option>;
    </select><br>
    <script>
        //监听选中事件
        $('#selectExample').change(function(data){
            //获取选中项的值
            var value = $("#selectExample option:selected").attr("value");
            //输出日志
            console.log("value=%s",value);
        });
    </script>
</body>
</html>

 

更多推荐

Html select 选中事件