2

我有一个按钮test。单击后，2 个标签selectedZone和selectedLocation2 个虚拟值被设置。当第一次单击按钮时，这可以正常工作。但是，第一次单击后，页面刷新并且未设置标签。

<!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>

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

4

1 回答 1

0

您在 head 之前缺少 html 开始标签

于 2013-01-29T07:27:26.163 回答