如何使用next（）和prev（）來獲取按鈕切換數組？

如何在我的頁面中使用next（）和prev（）切換數組中的按鈕？如何使用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;

來源

2013-10-20 user2816376

側提示：一般情況下最好超過直列使用onclick事件監聽器。代碼的分離是最好的選擇。 – Sir

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>

活生生的例子：