显示所选选项的按钮

Posted

技术标签:

【中文标题】显示所选选项的按钮【英文标题】:A button to show the chosen option 【发布时间】:2016-08-18 12:56:44 【问题描述】:

根据我的代码,您可以从游戏表中选择一个游戏,因此我尝试使用一个名为 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>

【问题讨论】:

【参考方案1】:

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

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

所以需要给按钮加上id:

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

hide id 也是如此。

【讨论】:

以上是关于显示所选选项的按钮的主要内容,如果未能解决你的问题,请参考以下文章

想从下拉列表中选择选项并根据所选选项更改按钮的标题...如何?

选择其他按钮时,ListView 突出显示所选项目颜色不会保持不变

使用 Angular 复制带有 UI 和所选值的下拉列表

rails,simple_form,保存后如何使用所选选项更新单选按钮?

当我单击浏览器后退按钮或移动设备后退按钮时,保留选定的选项卡

Android 使用按钮和对话框复选框的多选项目,并在列表视图中显示所选项目而不是按钮