按下按钮时显示隐藏的div内容
按下按钮时显示隐藏的div内容
提问于 2013-09-11 19:11:17
嗨，伙计们？在按下按钮之前，如何隐藏div内容？有人能帮我吗?我希望在按下表格中的“添加新教师”按钮之前，这个div不会出现。这是我希望在按钮被按下之前隐藏的div内容
<div id="myform">
<p align="center">
<strong>
Add information for new teacher here
</strong></p>
<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
<table align="center" id="forms">
<tr valign="baseline">
<td nowrap="nowrap" align="right">First name:</td>
<td><input type="text" name="first_name" value="" size="32" /></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right">Last name:</td>
<td><input type="text" name="last_name" value="" size="32" /></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right">Subjects:</td>
<td><input type="text" name="subjects" value="" size="32" /></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right">Phonenumber:</td>
<td><input type="text" name="phonenumber" value="" size="32" /></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right">Email:</td>
<td><input type="text" name="email" value="" size="32" /></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right">Username:</td>
<td><input type="text" name="username" value="" size="32" /></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right">Password:</td>
<td><input type="text" name="password" value="" size="32" /></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right"> </td>
<td><input type="submit" value="Insert record" id="hideit"/></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1" />
</form>
<p> </p>
</div>这是我的表格，里面有“添加新教师”按钮
<p align="center">
<strong>
List of teachers in Minaki Sec school
</strong></p>
<table border="1" align="center" class="altrowstable" id="alternatecolor">
<tr id="row">
<th>teacher id</th>
<th>first name</th>
<th>last name</th>
<th>subjects</th>
<th>Phonenumber</th>
<th>Email</th>
<th>username</th>
<th>password</th>
<th>Edit</th>
<th>Delete</th>
<th>Details</th>
</tr>
<?php do { ?>
<tr>
<td><?php echo $row_teacherrec['teacher_id']; ?></td>
<td><?php echo $row_teacherrec['first_name']; ?></td>
<td><?php echo $row_teacherrec['last_name']; ?></td>
<td><?php echo $row_teacherrec['subjects']; ?></td>
<td><?php echo $row_teacherrec['phonenumber']; ?></td>
<td><?php echo $row_teacherrec['email']; ?></td>
<td><?php echo $row_teacherrec['username']; ?></td>
<td><?php echo $row_teacherrec['password']; ?></td>
<td><button onclick="location.href= 'edit_teacher.php? teacher_id=<?php echo $row_teacherrec['teacher_id']; ?>'">Edit</button></td>
<td><button onclick="location.href= 'delete_teacher.php? teacher_id=<?php echo $row_teacherrec['teacher_id']; ?>'">Delete</button></td>
<td><button onclick="location.href= 'edit_teacher.php? teacher_id=<?php echo $row_teacherrec['teacher_id']; ?>'">Details</button></td>
</tr>
<?php } while ($row_teacherrec = mysql_fetch_assoc($teacherrec)); ?>
<tr>
<td colspan="8"></td>
<td colspan="6" align="center"><button id="showit" onclick="location.href='teacher.php'">+Add new Teacher</button></td>
</tr>
</table>回答 6
Stack Overflow用户
发布于 2013-09-11 19:14:11
像这样试一下，
$(function(){
$('button#showit').on('click',function(){
$('#myform').show();
});
});初始 div应该类似于hidden
<div id="myform" style="display:none">
.....Stack Overflow用户
发布于 2013-09-11 19:14:00
将display:none样式添加到您的div，然后在单击按钮时调用$("#div-id").show();。
<div id="myform" style="display:none">
// contents here
</div>Stack Overflow用户
发布于 2013-09-11 19:16:08
在新教师窗体上添加内联样式以隐藏窗体
<div id="myform" style="display:none">或者只需在您的jQuery中添加
$(document).ready(function(){
// hide form on page load
$('#myform').hide();
// when button is pressed
$('button').on('click',function(){
$('#myform').show();
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18739585
复制相关文章
相似问题
腾讯云开发者
