如何使用next()和prev()让BUTTONS切换到一个数组?

时间:2013-10-20 17:00:53

标签: php html

如何使用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;

3 个答案:

答案 0 :(得分:1)

check this one

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

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

答案 1 :(得分: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/

答案 2 :(得分:0)

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