Кнопка, чтобы показать выбранную опцию

Question

Согласно моему коду, вы можете выбрать игру из таблицы игр, поэтому я пытаюсь создать кнопку, которая называется 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> 

Answer 1

Ваша функция ожидает тег с идентификатором show:

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

Таким образом, вы должны добавить идентификатор к кнопке:

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

Аналогично с идентификатором hide.