首页 文章

如何通过html标记显示多行变量

提问于
浏览 次
3

我有3页，一个HTML，JavaScript和PHP文件 . 当在html页面中按下一个按钮时，php页面会在数据库中搜索按钮名称为键的行，并返回多行 . 我想在html页面中显示所有这些行，但是当我发回数据时，它不会显示 . 这是我的三页代码 .

Html页面

<button name = 'science'>      Science</button>
<button name = 'engineering'>  Engineering</button>
<button name = 'math'>         Math</button>
<button name = 'law'>          Law</button>
<button name = 'arts'>         Arts</button>
<button name = 'business'>     Business</button>
<button name = 'fiction'>      Fiction</button>
<button name = 'selfhelp'>     Self Help</button>
<button name = 'labequipment'> Lab Equipment</button>

<p id = 'feedback'></p>

<script type ="text/javascript" src ="jquery.js"></script>
<script type ="text/javascript" src ="catselect.js"></script>

javascript页面

$(":button").click(function(){
    var cat = $(this).attr("name");

    $.get("trier.php",{input: cat}, function(data){
        $("#feedback").html(data);
    }); 
});

php页面

if(isset($_GET['input'])){
    $catt = $_GET['input'];

        $info = "SELECT * FROM books WHERE (Category = '$catt')";

        while(mysqli_query($conn,$info)){
            $information = mysqli_query($conn,$info);
            $intel = mysqli_fetch_assoc($information);  

            echo $intel['Title'];
            echo nl2br("\n");
            echo $intel['Course'];
        }
}

我想在php页面的标签中显示许多行，包括'title'列和'course'列，id =“display” . 关于如何修改我的代码来做到这一点的任何想法？

javascript php jquery html

2 回答

  • 0

    $(":button") 应为 $("button")

    你可以使用表格的PHP echo html，但我建议使用json或使用angularjs

    id不应经常更改，而应该改为 id = "display" better use class="display"

    回复于
  • 1

    你可以像@Yanjun Lin建议在你的php上使用html表一样简单的方法：if（isset（$ _ GET ['input']））{$ catt = $ _GET ['input'];

    $info = "SELECT * FROM books WHERE (Category = '$catt')";
        $html='';
        while(mysqli_query($conn,$info)){
            $information = mysqli_query($conn,$info);
            $intel = mysqli_fetch_assoc($information);  
            $html=$html.'<tr>';
            //echo $intel['Title'];
            //echo nl2br("\n");
            //echo $intel['Course'];

            $html=$html.'<td>'.$intel['Title'].'</td>';
            $html=$html.'<td>'.$intel['Course'].'</td>';
            $html=$html.'</tr>';
        }
       echo $html;

    在你的JavaScript上：

    $("button").click(function(){
var cat = $(this).attr("name");

$.get("trier.php",{input: cat}, function(data){
    $("#feedback").html(data);
});

    在您的HTML上（将 <p> 标记更改为 <table> 标记）：

    <button name = 'science'>      Science</button>
    <button name = 'engineering'>  Engineering</button>
    <button name = 'math'>         Math</button>
    <button name = 'law'>          Law</button>
    <button name = 'arts'>         Arts</button>
    <button name = 'business'>     Business</button>
    <button name = 'fiction'>      Fiction</button>
    <button name = 'selfhelp'>     Self Help</button>
    <button name = 'labequipment'> Lab Equipment</button>

<table id = 'feedback'></table>

<script type ="text/javascript" src ="jquery.js"></script>
<script type ="text/javascript" src ="catselect.js"></script>

    我没有测试你的PHP，但希望它的工作...也JSFiddle它只会在javascript和html中看起来像这样 . 另外考虑使用json作为正确的标准，如@Yanjun Lin建议的那样

    回复于

相关问题