这些是选择框中的选项。选择其中一个选项后,会出现一个文本框。
<select name="category" required id="category" style="width:75%;" onchange = "ShowHideDiv();">
<option value="" disabled selected hidden>Category</option>
<option value="Student">Student</option>
<option value="Teacher">Teacher</option>
<option value="Scientist">Scientist</option>
<option value="Lab Manager">Lab Manager</option>
</select>
这些是根据选择框的选择而出现的文本框:
<div id="roll" style="display: none">
<input name="roll" type="text" id="roll"/>
<span class="highlight"></span>
<span class="bar"></span>
<label>Roll No</label>
</div>
<div id="teacher" style="display: none">
<input name="des" type="text" id="teacher"/>
<span class="highlight"></span>
<span class="bar"></span>
<label>Teacher's Designation</label>
</div>
<div id="scientist" style="display: none">
<input name="des" type="text" id="scientist"/>
<span class="highlight"></span>
<span class="bar"></span>
<label>Scientist's Designation</label>
</div>
<div id="manager" style="display: none">
<input name="des" type="text" id="manager"/>
<span class="highlight"></span>
<span class="bar"></span>
<label>Lab Manager's Designation</label>
</div>
这是用于在选择框中选择选项时显示文本框的脚本:
<script type="text/javascript">
function ShowHideDiv()
{
var category = document.getElementById("category");
var roll = document.getElementById("roll");
var teacher = document.getElementById("teacher");
var scientist = document.getElementById("scientist");
var manager = document.getElementById("manager");
roll.style.display = category.value == "Student" ? "block" : "none";
teacher.style.display = category.value == "Teacher"? "block" : "none";
scientist.style.display = category.value == "Scientist" ? "block" : "none";
manager.style.display = category.value == "Lab Manager"? "block" : "none";
}
以下是在数据库中保存数据的代码:
<?php
include "connect.php";
if(isset($_POST["submit"]))
{
$name=$_POST["name"];
$gender=$_POST["gender"];
$category=$_POST["category"];
$roll=$_POST["roll"];
$desig=$_POST["des"];
$college=$_POST["college"];
$department=$_POST["department"];
$email=$_POST["email"];
$phno=$_POST["phno"];
$dob=$_POST["dob"];
$lab=$_POST["lab"];
$sql="insert into usercreation values('$name','$gender','$category','$roll','$desig','$college','$department','$email','$phno','$dob','$lab')";
if(mysql_query($sql,$link))
{
header("location:usercreation.php?ok=1");
}
else
{
echo mysql_error();
}
}
?>
我遇到了保存教师文本框和科学家文本框数据的问题。 roll和manager的数据保存在数据库和其他所有字段中。
答案 0 :(得分:0)
问题已经解决了。感谢@Pablo Barria Urenda&amp; @CaitLAN Jenner。
<div id="roll" style="display: none">
<input name="roll" type="text" id="roll"/>
<span class="highlight"></span>
<span class="bar"></span>
<label>Roll No</label>
</div>
<div id="teacher" style="display: none">
<input name="des1" type="text" id="teacher"/>
<span class="highlight"></span>
<span class="bar"></span>
<label>Teacher's Designation</label>
</div>
<div id="scientist" style="display: none">
<input name="des2" type="text" id="scientist"/>
<span class="highlight"></span>
<span class="bar"></span>
<label>Scientist's Designation</label>
</div>
<div id="manager" style="display: none">
<input name="des3" type="text" id="manager"/>
<span class="highlight"></span>
<span class="bar"></span>
<label>Lab Manager's Designation</label>
</div>
他建议的解决方案是更改文本框的名称。
以下是保存代码(已更改)
<?php
include "connect.php";
if(isset($_POST["submit"]))
{
$name=$_POST["name"];
$gender=$_POST["gender"];
$category=$_POST["category"];
$roll=$_POST["roll"];
$des1=$_POST["des1"];
$des2=$_POST["des2"];
$des3=$_POST["des3"];
$college=$_POST["college"];
$department=$_POST["department"];
$email=$_POST["email"];
$phno=$_POST["phno"];
$dob=$_POST["dob"];
$lab=$_POST["lab"];
$sql="insert into usercreation values('$name','$gender','$category','$roll','$des1','$des2','$des3','$college','$department','$email','$phno','$dob','$lab')";
if(mysql_query($sql,$link))
{
header("location:usercreation.php?ok=1");
}
else
{
echo mysql_error();
}
}
?>