js获取select选中的值(各种方法无效时再使用这个)

此方法比其他方法麻烦了很多,不是很建议使用

<!DOCTYPE html>
<html>
<head>
    <title>测试</title>
    <meta charset="utf-8">
</head>
<body>
    <p>请选择用户:</p>
    <select id="user" name="user" onchange="getval(this);">
        <option value="1">test</option>
        <option value="2">test2</option>
    </select>
    <button id="save" name="save">保存</button>
    <!--引入jquery-->
    <script src="jquery.js"></script>
    <script type="text/javascript">
        var user = ' ';
        function getval(sel){
            user = sel.value;
        }
        $("#save").click(function(){ 
            // console.log(user);
            $.ajax({ 
                type: "POST",   
                url: "save.php",
                data: {
                    user: user
                },
                dataType: "json",
                success: function(data){
                    if (data.success) { 
                        $("#mod").html("成功");
                    } else {
                        $("#mod").html("出现错误");
                    }  
                },
                error: function(jqXHR){     
                    alert("发生错误:" + jqXHR.status);  
                },     
            });
        });
    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_42094066/article/details/88623252