Javascript 如何从数据库中检索单个元素的数据并将其存储到自动div中_Javascript_Php_Jquery_Html

Javascript 如何从数据库中检索单个元素的数据并将其存储到自动div中

javascript php jquery html

Javascript 如何从数据库中检索单个元素的数据并将其存储到自动div中,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我想做的是，我有一个名为hotels的表，我有一个页面，人们可以根据房间类别预订酒店。现在，为了显示酒店，我使用了一个while循环，在该循环中，数据被提取，酒店显示在自动div中，所有div的id都相同。因此，我添加了一个$i=1并添加到id字段中，$i在while循环结束时递增。所以我得到的错误是我无法检索房间类别的成本这是我的密码：获取单个酒店并在div中显示的php代码 <?php include 'mysql.php'; $i = 1; $query = mysql_que

我想做的是，我有一个名为hotels的表，我有一个页面，人们可以根据房间类别预订酒店。现在，为了显示酒店，我使用了一个while循环，在该循环中，数据被提取，酒店显示在自动div中，所有div的id都相同。因此，我添加了一个

$i=1

并添加到id字段中，

$i

在while循环结束时递增。
所以我得到的错误是我无法检索房间类别的成本

这是我的密码：

获取单个酒店并在div中显示的php代码

<?php
include 'mysql.php';
$i = 1;
$query = mysql_query("SELECT * FROM hotels WHERE location = 'portblair' ") or die("the query cannot be completed at this moment");
if(mysql_num_rows($query) <1) {
    die("no hotels found");
}
while($row = mysql_fetch_array($query, MYSQL_ASSOC)){

    $hotel_name = $row['name'];
    $hotel_type = $row['type'];
    $hotel_location = $row['location'];
    $hotel_cat1 = $row['cat1'];
    $hotel_cat2 = $row['cat2'];
    $hotel_cat3 = $row['cat3'];
    $hotel_cat4 = $row['cat4'];
    $hotel_cp = $row['cp'];
    $hotel_map = $row['map'];
    $hotel_ap = $row['ap'];
    $hotel_em = $row['em'];
    if($hotel_type == "0"){
        $hotel_star ='<span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span>';
    }
    if($hotel_type == "1"){
        $hotel_star ='<span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span>';
    }
    if($hotel_type == "2"){
        $hotel_star ='<span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span>';
    }
    if($hotel_type == "3"){
        $hotel_star ='<span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span>';
    }
    if($hotel_type == "4"){
        $hotel_star ='<span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span>';
    }
    ?>
    <div class="col-md-3 col-xs-6">
        <div class="panel panel-red">
            <div class="panel-heading">
                <?php echo $hotel_name; ?>
            </div>
            <div class="panel-body">
                <img src="images/hotels/<?php echo $hotel_name ?>.png" class="img-responsive"/>
                <div class="my-caption">
                    <?php echo  $hotel_star;  ?>
                </div>
                <select name="hotel_cat" id="hotel_cat[<?php echo $i; ?>]" class="form-control" onchange="hotel_rate()">
                    <option value="">Category</option>
                    <?php if($hotel_cat1 != ""){
                        ?>
                        <option value="<?php echo $hotel_cat1; ?>"><?php echo $hotel_cat1; ?></option>
                        <?php
                    } ?>
                    <?php if($hotel_cat2 != ""){
                        ?>
                        <option value="<?php echo $hotel_cat2; ?>"><?php echo $hotel_cat2; ?></option>
                        <?php
                    } ?>
                    <?php if($hotel_cat3 != ""){
                        ?>
                        <option value="<?php echo $hotel_cat3; ?>"><?php echo $hotel_cat3; ?></option>
                        <?php
                    } ?>
                    <?php if($hotel_cat4 != ""){
                        ?>
                        <option value="<?php echo $hotel_cat4; ?>"><?php echo $hotel_cat4; ?></option>
                        <?php
                    } ?>

                </select>
                <span id="add[<?php echo $i; ?>]" >Add</span>

            </div>
        </div>
    </div>
    <?php
    $i++;

}
?>
<input  type="hidden" name="count" id="count" value="<?php echo $i; ?>"/>

hotel_rate（）

的声明应该在ready函数中，也可以替换

cat.split（：）通过cat.split（'：'）：
$(function(){
    function hotel_rate(){
        var i=1;
        var cnt = $("#count").val();
        for(i=1;i<cnt;i++){
            var cat = $("#hotel_cat["+i+"]").val();
            var test = cat.split(':');
            var cat_cost = parseInt(test[1]);
            $("#add[1]").html("Rs: "+cat+" Add");
        }
    }
});

$（函数（）{
功能酒店{
var i=1；
var cnt=$（“#计数”）.val（）；
对于（i=1；ihotel_rate（）
的声明应在ready函数中，也将分类（：）；
替换为分类（'：'）；
：
$(function(){
    function hotel_rate(){
        var i=1;
        var cnt = $("#count").val();
        for(i=1;i<cnt;i++){
            var cat = $("#hotel_cat["+i+"]").val();
            var test = cat.split(':');
            var cat_cost = parseInt(test[1]);
            $("#add[1]").html("Rs: "+cat+" Add");
        }
    }
});

$（函数（）{
功能酒店{
var i=1；
var cnt=$（“#计数”）.val（）；
对于（i=1；i，jquery文件必须是这样的
function hotel_rate(){ // just define the function.
    var i=1;
    var cnt = $("#count").val();
    for(i=1;i<cnt;i++){
        var cat = $("#hotel_cat["+i+"]").val();
        var test = cat.split(':'); 
        var cat_cost = parseInt(test[1]);
        $("#add[1]").html("Rs: "+cat+" Add");
    }
}

jQuery(document).ready(function($){
   hotel_rate(); // fire it on document ready
});

function hotel\u rate（）{//只需定义函数即可。
var i=1；
var cnt=$（“#计数”）.val（）；
对于（i=1；i，jquery文件必须是这样的
function hotel_rate(){ // just define the function.
    var i=1;
    var cnt = $("#count").val();
    for(i=1;i<cnt;i++){
        var cat = $("#hotel_cat["+i+"]").val();
        var test = cat.split(':'); 
        var cat_cost = parseInt(test[1]);
        $("#add[1]").html("Rs: "+cat+" Add");
    }
}

jQuery(document).ready(function($){
   hotel_rate(); // fire it on document ready
});

function hotel\u rate（）{//只需定义函数即可。
var i=1；
var cnt=$（“#计数”）.val（）；
对于（i=1；i以上两个答案也是正确的。您必须在document.ready部分和split function参数中声明函数
下面是我根据您的概念放置的工作代码示例。您也可以在这个提琴中选择粘贴

酒店名称
类别
1.
添加



功能酒店{
var cat=document.getElementById（“hotel_cat_1”）.值；
警报（cat）；
var测试=分类拆分（“：”）；
var cat_成本=parseInt（测试[1]）；
document.getElementById（“添加[1]”）。innerHTML=“Rs:”+cat_成本+“添加”；
}
以上两个答案也是正确的。您必须在document.ready节和split function参数外部声明函数，并且必须在其中包含字符串
下面是我根据您的概念放置的工作代码示例。您也可以在这个提琴中选择粘贴

酒店名称
类别
1.
添加



功能酒店{
var cat=document.getElementById（“hotel_cat_1”）.值；
警报（cat）；
var测试=分类拆分（“：”）；
var cat_成本=parseInt（测试[1]）；
document.getElementById（“添加[1]”）。innerHTML=“Rs:”+cat_成本+“添加”；
}
仍收到两个错误。未捕获的引用错误：未定义酒店费率和未捕获的语法错误：意外标记：未捕获的引用错误：未定义酒店费率和未捕获的语法错误：意外标记：替换cat.split（：）；
bycat.split（“：”）
是的，我这样做了。但是在添加“：”之后，我在选择类别时出现了此错误。未捕获的引用错误：未定义酒店费率在添加示例代码之后，我也遇到了相同的错误。未捕获的引用错误：未定义酒店费率，并且未捕获t语法错误：意外标记：未捕获引用错误：未定义酒店费率和未捕获语法错误：意外标记：替换cat.split（：）；
bycat.split（“：”）
是的，我这样做了。但是在添加“：”之后，我在选择类别时遇到了这个错误。未捕获的引用错误：hotel\u rate没有定义在添加示例代码之后，我也遇到了同样的错误。未捕获的引用错误：hotel\u rate没有定义请勿使用不推荐的mysql
。请改用mysqli
。第一次您决定是函数。function hote_rate（）{…旁边没有准备好的文档…}
，然后在准备好文档时启动它。$（document.ready（{hotel_rate（）}）
我还不知道mysqli.：”（我没弄明白你的意思。你还错过了var test=cat.split（：）；
应该是var test=cat.split（“：”）；
不要使用不推荐的mysql
。改用mysqli
。首先声明函数。函数hote_rate（）{…旁边没有文档准备好…}
，然后在文档准备好时启动。$（文档）。准备好（{hotel_rate（）}）
我还不知道mysqli.：（我没听懂你的意思。请你详细说明一下。你还错过了var test=cat.split（：）；
它应该是var test=cat.split（'：'）；
现在控制台显示这个错误：未捕获类型错误：无法读取unfinedconsole.log的属性“split”$（“#hotel#u cat[“+i+]”）。val（）
并查看它将向您显示什么，然后在此处显示它显示“未捕获的语法错误：意外标识符”使用确切的html元素和确切的选择器创建JSFIDLE示例，问题不在于hotel_rate（）
没有像以前那样启动。函数中有语法错误OK给我一些时间我会更新一个JSFIDLE并让你知道。thanx对于帮助现在控制台说这个错误：未捕获类型错误：无法读取undefinedconsole.log的属性“split”。$（“#hotel_cat[“+i+”]）。val（）
并查看它将向您显示什么，然后在此处显示它显示“未捕获的语法错误：意外标识符”使用确切的html元素和确切的选择器创建JSFIDLE示例，问题是