0

如何在我的页面中放置一个按钮以使用 next() 和 prev() 切换数组？

$transportation = array('foot', 'bike', 'car', 'plane');

<button onclick="$mode = next($transportion);">NEXT</button>
<p>
<button onclick="$mode = prev($transportion);">PREVIOUS</button>
<p>

echo $mode;
4

3 回答 3

1

检查这个

如前所述，PHP 是一种服务器端语言，因此您需要从 PHP 端处理它。假设您在 MVC 环境中工作，您让控制器处理“prev”和“next”请求并将其呈现给视图。

例如，如果您将数组呈现在表格或列表中，您可以使用 JQuery，但是它将在客户端。

于 2013-10-20T17:15:00.413 回答
1

PHP 文件代码：

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>
        <?php $transportation = array('foot', 'bike', 'car', 'plane'); ?>
        <h2>Foot, Bike, Car, Plane</h2>
        <p>
            <input type="button" class="cycle" id="next" value="Next">
        </p>
            <h2 id="result">Current: plane</h2>
        <p>
            <input type="button" class="cycle" id="prev" value="Previous">
        </p>
        <script type="text/javascript">
            var myarray = <?php echo json_encode($transportation); ?>;
            $(document).ready(function () {
                var current = -1;
                $(".cycle").click(function () {
                    var darray = myarray;
                    if ($(this).attr("id") == "next") {
                        next(darray);
                } else {
                    prev(darray);
                }
            });

            function next(data) {
                if (current != 3) {
                    $("#result").text("Current: " + data[++current]);
                }
            }

            function prev(data) {
                if (current != 0) {
                    $("#result").text("Current: " + data[--current]);
                }
            }
            });
        </script>
    </body>
</html>

现场示例：

http://69.195.223.90/56454-11/

于 2013-10-20T19:54:50.787 回答
0

你不能马上这样做。PHP 是一种服务器端语言。您将需要客户端脚本来向服务器发送命令。或者您可以使用 javascript 数组。

于 2013-10-20T17:05:02.187 回答