javascript - 点击事件时从数据库获取价格

标签 javascript php jquery mysql smarty

我刚开始使用 html、javascript、php 和 Smarty。

我想知道如何在选择产品后显示我的价格。

我的数据库连接正常,我可以显示产品,但是当我选择产品时,我希望他的价格以表格形式显示。

.php

<?php

$new = ['product_id','product_category','product_price','product_quantity','product_about','product_color'];

//Database connection
 $db = mysqli_connect('xxx','xxx','xxx','xxx')
 or die('Error connecting to MySQL server.');

//access Smarty template engine
require_once('Smarty-3.1.30/libs/Smarty.class.php');

$smarty = new Smarty();
$smarty->template_dir = 'views';
$smarty->compile_dir = 'tmp';


//query product page
$query = "SELECT * FROM cs_shop";
mysqli_query($db, $query) or die('Error querying database.');

$result = mysqli_query($db, $query);


//query an array of products
$rows = array();

 //loop start
 while ($row = mysqli_fetch_array($result)) {
    $rows[] = array(
        'product_id' => $row['product_id'],
        'product_category' => $row['product_category'],
        'product_price' => $row['product_price'],
        'product_quantity' => $row['product_quantity'],
        'product_about' => $row['product_about'],
        'product_color' => $row['product_color']
    );
}

//db collect data
$smarty->assign('row', $rows); 
//template
$smarty->display('index.tpl');

mysqli_close($db);

?>

.js

<script>

$(document).ready(function () {
  //your code here
  $(function () {
        $('#products').change(function () {
        $('#priceInput').val($('#products option:selected').data('data-price'));
    });
});

});

</script>

.tpl

<select name="productID" id="products"> 

    {foreach from=$row item="item"}

      <option value="$item['product_category']" data-price="$item['product_price']" >{$item['product_category'] } : {$item['product_price'] }</option>

    {/foreach} 

</select> 



 <form>     
    Price : <input value="" name="Price" type="text" id="priceInput" disabled="disabled">       
  </form>

我想知道我在这里缺少什么?提前致谢

最佳答案

$(document).ready(function () {
        $('#products').change(function () {
        $('#priceInput').val($('#products option:selected').data('price'));
    });
});

关于javascript - 点击事件时从数据库获取价格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43983152/

相关文章:

javascript - 如何在 React Router 中获取多个字符串参数

php - 如何对共享相同首字母的一组行进行计数和求和

jquery - 如何覆盖以前的 onClick css 类更改 (jQuery)

javascript - 什么更有效率?在 javascript 或 php 中生成每个 tr?

javascript - 访问 canvas.ToBlob() 异步函数之外的 blob 值

javascript - 如何使用JS或jQuery添加 sleep 或等待JS?

javascript - 确保 jQuery 仅在所有 PHP 完全执行后才执行

php - SMTP 连接()失败.PHPmailer

php - 什么更消耗资源? PHP 还是 Python?

javascript - 在同一网页上结合垂直和水平视差滚动