Javascript 单击时如何隐藏数据组合框下拉列表

Javascript 单击时如何隐藏数据组合框下拉列表,javascript,php,html,combobox,Javascript,Php,Html,Combobox,我有一个由一些文本字段和组合框组成的表单。我有一个组合框,其中包含数据教室,组合框中的数据来自数据库。问题=如果klic中组合框中的数据1,则数据1将被隐藏。当需要更多数据时,数据1保持隐藏。但隐藏的数据1由过期日期确定 表格添加教室 <div class="row"> <div class="col-md-8"> <div class="panel panel-default"> <

我有一个由一些文本字段和组合框组成的表单。我有一个组合框,其中包含数据教室,组合框中的数据来自数据库。问题=如果klic中组合框中的数据1,则数据1将被隐藏。当需要更多数据时,数据1保持隐藏。但隐藏的数据1由过期日期确定

表格添加教室

<div class="row">
        <div class="col-md-8">
            <div class="panel panel-default">
                <div class="panel-heading"><svg class="glyph stroked email"><use xlink:href=""></use></svg>Add Training Form</div>
                <div class="panel-body">
                    <form action="add.php" method="POST" enctype="multipart/form-data">
                        <fieldset>

                            <!-- Training Name -->

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="name">Training Name</label>
                                <div class="col-md-9">
                                <input id="name" name="name" required="required" type="text" placeholder="Tulis Nama Training" class="form-control">
                                </div>
                            </div>
                            <br><br>

                            <!-- Class Room -->
                                                <div class="form-group">
                                                    <label class="col-md-3 control-label" for="name">Class Room</label>
                                                    <div class="col-md-9">
                                                        <select name="room" class="form-control input-sm" value=" ">
                                                            <option value="-1" selected="selected" disabled="disabled" >-Ruang Kelas-</option>
                                                            <?php
                                                            include 'admin/connection.php';
                                                                // query untuk menampilkan semua Classroom dari tabel 
                                                                $query = "SELECT * FROM classroom";
                                                                $hasil = mysql_query($query);
                                                                while ($data = mysql_fetch_array($hasil))
                                                                {
                                                                    echo "<option value='".$data['nama']."'>".$data['nama']."</option>";
                                                                }
                                                            ?>
                                                            <option value="Other">Other</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <br><br>

                                                <!-- Instructor -->
                                                <div class="form-group" onsubmit="return validasicombobox">
                                                    <label class="col-md-3 control-label" for="name">Instructor</label>
                                                    <div class="col-md-9">
                                                        <select id="instruc" name="instructor" class="form-control input-sm" value=" ">
                                                            <option value="-1" selected="selected" disabled="disabled" >-Instructor-</option>
                                                            <?php
                                                            include 'admin/connection.php';
                                                                // query untuk menampilkan semua Classroom dari tabel 
                                                                $query = "SELECT * FROM instruk";
                                                                $hasil = mysql_query($query);
                                                                while ($data = mysql_fetch_array($hasil))
                                                                {
                                                                    echo "<option value='".$data['nama']."'>".$data['nama']."</option>";
                                                                }

                                                            ?>
                                                            <option value="Other">Other</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <br><br>

                            <!-- Time -->
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="name">Time</label>
                                <div class="col-md-9">
                                <input id="time" name="time" type="text" required="required" placeholder="Tulis Waktu Training" class="form-control">
                                </div>
                            </div>
                            <br><br>

                            <!-- Start Date -->
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="name">Start Date</label>
                                <div class="col-md-9">
                                <input id="start_date" name="start_date" required="required" type="date" class="form-control">
                                </div>
                            </div>
                            <br><br>

                            <!-- End Date -->
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="name">End Date</label>
                                <div class="col-md-9">
                                <input id="end_date" name="end_date" required="required" type="date" class="form-control">
                                </div>
                            </div>
                            <br><br>

                            <!-- Type -->
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="name">Type</label>
                                <div class="col-md-9">
                                    <select name="type" class="form-control input-sm">
                                        <option value="-1" selected="selected" disabled="disabled" >-Tipe Training-</option>
                                        <option value="Basic">Basic</option>
                                        <option value="Type">Type</option>
                                    </select>
                                </div>
                            </div>
                            <br><br>

                            <!-- Remark -->
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="name">Remark</label>
                                <div class="col-md-9">
                                    <textarea name="remark" class="form-control" rows="3"></textarea>
                                </div>
                            </div>
                            <br><br>


                            <!-- Form actions -->
                            <div class="form-group">
                                <div class="col-md-12 widget-right">
                                    <button type="submit" value="submit" name ="submit" class="btn btn-default btn-md pull-right" onclick="return confirm('Are you sure want to add this data?');">Submit</button>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
</div>  <!--/.main-->

添加培训表格
培训名称


教室 -阮克拉斯- 其他

教练 -指导员- 其他

时间

开始日期

结束日期

类型 -体育训练- 基本的 类型

评论

提交
我不知道您在问什么(也许您可以尝试重新措辞,将代码缩减到重要的部分?)-但从我的理解来看,您在使某些内容可见和不可见方面存在问题?您是否尝试过添加和删除显示属性style=“display:none..当您希望显示该属性时,您可以基于触发该属性的某些东西使用javascript删除display:none?是否有任何示例?我是程序语言(javascript)的新成员