按钮单击时减少产品编号计数器

时间:2014-10-04 15:49:55

标签: php jquery html counter

我的网站提供有限的优惠价格,我想通过一个计数器实时显示剩余点数,每次注册时都会减少。单击按钮。

例如,我想要一个简单的计数器,从' 10'开始,减少了' 1' (并在每次“注册”时停在' 0')单击按钮。

计数器我只想成为段落的一部分,如下:

<p>10 spots remaining at Current Price.</p>

触发按钮当前显示为:

<div id="link_2"><a class="signup" href="#">Sign up</a></div>

我完全不知道如何解决这个问题,我的网站可以使用php,如果这是最好的选择。

谢谢! 钳子

1 个答案:

答案 0 :(得分:0)

您可以使用的方法之一是使用数据库来存储可用的点并相应地进行更新。

您可以为可用的点创建数据库表。

使html注册代码成为提交而不是类(如果你只想使用php)或者你可以使用javascript或jQuery作为提交,如果点击(onclick),你可以在这里找到一个主题/教程:{ {3}}

然后是一个代码:

if(isset($_POST['name_of_submit_button'])) {
    // Set query to update accordingly
    $query = "UPDATE available_spots_table
          SET available_spot = available_spot - 1
          WHERE id = 1"; // You can use ID to identify the 
    // Run the query
    $run_query = mysql_query($query);

    // Some other code here
 }

你可以通过从像mysql这样的数据库中提取数据并使用php甚至javascript(如果需要)来显示它。

//PHP:
$remaining_spots = '';
$query = "SELECT available_spots FROM available_spots_table WHERE id = 1"; // Select the number of available spots
// Run the query
$run_query = mysql_query($query);

if(@mysql_num_rows($run_query) > 0){  // If query is succesful
  $result = mysql_fetch_array($run_query);  // Get results
  $remaining_spots = $result['available_spots'];  // Assign result into the variable that you will use to display
} else {
   // return fail message
}
$spots_remaining
//HTML : 
<p><?php $remaining_spots ?> spots remaining at Current Price.</p>

此代码示例仅用于演示如何实现它。但是,还有其他需要考虑的事项:当用户单击注册时,您可能需要设置一个代码来验证用户在更新available_spots_record之前是否已注册。另外,因为php在显示之前处理整个页面,所以你必须使用javascript / jQuery来实时显示它。使用过程mysql也演示了这个过程,您可能想要考虑面向对象的php / mysqli或者使用mysqli = Click Here。最后,您还可以创建函数以简化此过程。

感谢。