我正在開發一個在線巴士預訂網站,如使用api服務的紅巴總線。 卡住並計算預訂座位的總金額。在jQuery中獲取點擊項目的總數php
這裏是工作流程
獲取公交車的名單,從API,並將其顯示在HTML表格:
<?php $i=0; foreach($result['apiAvailableBuses'] as $value){?>
?>
//display each bus details
<?php }?>
做一個Ajax請求得到各公交座椅結構的一些參數(AJAX請求在一個循環中)。
$.ajax({
url:'<?php echo base_url();?>agentdashboard/ajax_buslayout',
method:"POST",
data:{
source:$("input[name=source]").val(),
dest:$("input[name=dest]").val(),
doj:$("input[name=doj]").val()
},
success:function(data){
$('#result'+id).html(data);
},
error:function(err){
}
});
PHP代碼
foreach($result['seats'] as $value)
{
echo "<div class='seat $booked' data-number='$seat' $book_seat amount='$total'><img src='".base_url()."assets/images/seat.png' width='20' height='20' title='$seat'></div>";
}
echo "<div class='clearfix'></div><br><center><strong id='amount'>Amount:0</strong></center>";
當點擊每個座位,我會點擊的座位號碼存儲陣列seat_count
找到總量。
$(document).on("click",".seat",function(){
//store the number of clicked seats.
var seat_count = [];
//seat number of each seat.
var seat_no = $(this).attr("data-number");
seat_count.push(seat_no);
alert(seat_count.length);
$("#amount").text('Amount: '+seat_count.length * amount);
});
但問題是我不能seat_count
陣列獲取值,我只得到一個值。
alert(seat_count.length)
僅返回1
seat_count看起來是本地的,並重置每次點擊。嘗試在全球範圍內進行點擊。 – Naterade
如何?我嘗試了動態變量方法,但沒有奏效 –
你能告訴你如何聲明它是全局的嗎? – Naterade