【发布时间】：2019-10-29 08:36:41
【问题描述】：
点击提交按钮后，如何在 Modal 中显示和隐藏 div（内容）？
第一： 这张照片My Search Div.Jpg - 就是你要输入ID号的div标签。
第二个： Preferred Output.Jpg - 单击提交按钮后，现在对与给定 ID 号匹配的数据库运行检查查询。那么所有文本框的值都必须来自数据库。
问题：我无法使用
submit button来显示和隐藏div使用if (!isset($_POST['Search_ID']))。单击提交后，模式关闭并重新加载页面。
请给出任何解决方案，包括它的 php、javascript 或 jquery 或 css？
<div class="modal-body">
<h5 style="font-family: Century Gothic">SEARCH ID NO.
<form method="Post">
<div class="form-group form-md-line-input has-danger">
<div class="input-icon">
<input type="text" class="form-control" name="Search_ID" style="padding-left: 5px" autocomplete="off">
<label style="font-weight: bolder; font-size: 11px; font-family: Arial Narrow ">INSERT ID NUMBER OF THE EMPLOYEE YOU WISH TO UPDATE.</label>
<span class="help-block" style="font-size: 10px; text-align: right;">Update Form will show when successfully entered ID No.</span>
<!--<i class="fa fa-info"></i>-->
</div>
</div>
</form>
</h5>
<?php
if (!isset($_POST['Search_ID'])) {
?>
<div class="row" id="Hide_Div">
<br/>
<div class="col-md-4">
<div class="form-group form-md-line-input has-danger">
<div class="input-icon">
<input type="text" class="form-control" name="id_no" style="padding-left: 10px">
<label style="font-weight: bolder; font-size: 11px; font-family: Arial Narrow ">EMPLOYEE ID NO.</label>
<span class="help-block" style="font-size: 10px">Insert Employee ID No...</span>
</div>
</div>
</div>
<div class="col-md-8">
<div class="form-group">
<label style="font-weight: bolder; font-size: 11px; font-family: Arial Narrow; color: grey">EMPLOYEE STATUS</label>
<div class="kt-radio-inline">
<label class="kt-radio">
<input type="radio" name="radio6" value="Active"> <font color="green">Active</font>
<span> </span>
</label>
<label class="kt-radio">
<input type="radio" name="radio6" value="Non-Active" checked> <font color="orange">Non-Active</font>
<span> </span>
</label>
<label class="kt-radio">
<input type="radio" name="radio6" value="Disabled"> Disabled
<span> </span>
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group form-md-line-input has-danger" style=" margin-bottom: 15px">
<div class="input-icon">
<input type="text" class="form-control" name="lname" required style="padding-left: 10px">
<label for="form_control_1" style="font-weight: bolder; font-size: 11px">LAST NAME</label>
<span class="help-block" style="font-size: 10px">Insert Last Name...</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group form-md-line-input has-danger" style=" margin-bottom: 15px">
<div class="input-icon">
<input type="text" class="form-control" name="firname" required style="padding-left: 5px">
<label for="form_control_1" style="font-weight: bolder; font-size: 11px">FIRST NAME</label>
<span class="help-block" style="font-size: 10px">Insert First Name...</span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group form-md-line-input has-danger" style=" margin-bottom: 15px">
<div class="input-icon">
<input type="text" class="form-control" name="mname" style="padding-left: 5px; ">
<label for="form_control_1" style="font-weight: bolder; font-size: 11px">INITIAL</label>
<span class="help-block" style="font-size: 10px">Insert Initial...</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group form-md-line-input has-danger">
<div class="input-icon">
<input type="text" class="form-control" name="department" required style="padding-left: 10px">
<label style="font-weight: bolder; font-size: 11px; font-family: Arial Narrow ">DEPARTMENT</label>
<span class="help-block" style="font-size: 10px">Insert Department Name...</span>
</div>
</div>
</div>
<div class="col-md-8">
<div class="form-group form-md-line-input has-danger">
<div class="input-icon">
<input type="text" class="form-control" name="Jo_title" required style="padding-left: 5px">
<label style="font-weight: bolder; font-size: 11px; font-family: Arial Narrow ">JOB TITLE</label>
<span class="help-block" style="font-size: 10px">Insert your job title...</span>
</div>
</div>
</div>
</div>
<div class="note note-danger">
<h5 style="font-family: Century Gothic"> More Information Here:
<div class="form-group form-md-line-input has-danger">
<div class="input-icon">
<input type="text" class="form-control" name="Mor_Desc" style="padding-left: 5px">
<label style="font-weight: bolder; font-size: 11px; font-family: Arial Narrow ">ADDITIONAL INFORMATION ABOUT THE EMPLOYEE</label>
<span class="help-block" style="font-size: 10px">Insert Short Description...</span>
<!--<i class="fa fa-info"></i>-->
</div>
</div>
</h5>
</div>
<?php }else{ ?>
<?php }
?>
</div>【问题讨论】：
-
Ajax 会解决你的问题。
-
@XraySensei 你能告诉我怎么做吗？
-
如果你能把你的代码sn-p放在这里，而不是张贴图片会很好。
-
是的，请放一些代码
-
@COONH 当然我们可以告诉你如何。向我们展示您的代码，我们将为您提供帮助。
标签： javascript php jquery css