Question

我有一个按钮test。点击后，2个标签selectedZone和selectedLocation设置为2个虚拟值。第一次单击该按钮时，此工作正常。但是，第一次单击后，页面将刷新，并且未设置标签。

<!DOCTYPE html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="language" content="en" />

        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.js"></script>

        <script>
            function test()
            {
                //alert("in test fn");
                document.getElementById("selectedZone").innerHTML="ZONE TEST";
                document.getElementById("selectedLocation").innerHTML="LOCATION TEST";
            }
        </script>
    </head>

    <body>
        <button onclick="test();"> test </button>

        <br/>
        <br/>
        <label style="font-color='yellow'"> ZONE </label>
        <label id="selectedZone"></label>
        <br/>
        <br/>
        <label style="font-color='yellow'"> LOCATION </label>
        <label id="selectedLocation"></label>
    </body>

</html>

P.S。标记jQuery Mobile的理由：我实际上有一个弹出窗口。弹出窗口内有一个按钮。单击该按钮后，将调用相同的test()。是否有任何额外的代码要写（例如：回调），以便使用弹出窗口下拉列表中选择的相同值设置标签？

Answer 1

你在头

之前缺少html开场标签

如果第二次单击按钮，页面会刷新 - 如何防止这种情况？

1 个答案: