用于显示所选选项的按钮


A button to show the chosen option

根据我的代码,您可以从游戏表中选择一个游戏,所以我尝试有一个称为Show的按钮来显示所选的游戏。像这样:

<input type ="submit" value= "Show" name="Show">

我试过这个

    `<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("#hide").click(function(){
            $("p").hide();
        });
        $("#show").click(function(){
            $("p").show();
        });
    });
    </script>`

但不知何故缺少某些东西或不起作用。 这是我的代码:

    <div id="content">
<article>
<h2> Games</h2>
<form action='Games.php' method='post'>
<p>Show</p>
<select size= "1"  name='gameid' >
<option value ="Show"> Choose Game </option>
Here is my code
    <?php
    include('dbaccess.php');
        $mysqli = new mysqli($dbhost,$dbusername,$dbpassword,$dbname);
        $mysqli->set_charset('utf8');
        if ($mysqli->connect_error) {print("<p>Fail: ".$mysqli->connect_error."</p>");} 
        $result = $mysqli->query("SELECT * FROM Game;"); 
    if ($mysqli->error) {print("<p>Fail: ".$mysqli->error."</p>");}
    if ($result->num_rows == 0) 
        {
        print("<p>Ingen data.</p>");
        }
    else
        {
        while($row = $result->fetch_array())
          {
       print "<option value=$row[0]>$row[1]:$row[2]:$row[3]:</option>";

        }
        }
    $mysqli->close();
    ?>

    </form>

您的函数需要一个 id 为 show 的标签:

$("#show").click(function(){
    $("p").show();
});

因此,您需要将id添加到按钮中:

<input type ="submit" value= "Show" name="Show" id="show">

hide id 也是如此。