js实现下拉菜单提交表单后停留在选中option

最新推荐文章于 2026-06-28 15:36:09 发布

原创最新推荐文章于 2026-06-28 15:36:09 发布 · 2.7k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #js #html #select

JS 同时被 3 个专栏收录

34 篇文章

订阅专栏

JS框架

13 篇文章

订阅专栏

HTML+CSS

11 篇文章

订阅专栏

本文介绍了一个简单的成绩查询页面实现过程，使用了HTML、CSS及jQuery进行页面布局与交互设计，并通过GET请求方式发送用户的选择到服务器端。文章还展示了如何通过JavaScript捕获用户点击事件并进行响应。

<!DOCTYPE>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成绩查询</title>
    <script src="./cjcx/js/jquery-1.10.1.min.js"></script>
</head>

<body>
    <form action="echo.php" method="get">
        <select name="se1" id="se1">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
        <a id="wen">123<a>
        <input type="submit" />
    </form>
    <script>
        $("#wen").click(function () {
            alert(123);
        })

        function GetRequest() {
            var url = location.search; //获取url中"?"符后的字串
            var theRequest = new Object();
            if (url.indexOf("?") != -1) {
                var str = url.substr(1);
                strs = str.split("&");
                for (var i = 0; i < strs.length; i++) {
                    theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                }
            }
            return theRequest;
        }
        //alert(window.location.search.substr(1));
        var se = GetRequest(se1)['se1'];
        var se = "'" + se + "'";
        $("#se1 option[value=" + se + "]").attr("selected", "true");
    </script>
</body>

</html>