从数据库中填充下拉列表的选项

时间:2014-07-15 12:10:37

标签: php html mysql ajax

请考虑以下事项。这就是我一直在努力做的事情。 1)我有一个下拉列表,可用于选择学期。 2)一旦我选择了学期,该学期的课程应出现在另一个下拉列表中。 3)由于学期的变化,课程也可能需要改变。

我的数据库

course_info(courseID varchar(15) primary key,courseName varchar(30),semester int)

这是我使用ajax,php和mysql做的。

我的HTML页面

<html>
<head>
<script>
function showsemester(str) {
  if (str=="") {
    document.getElementById("txtHint").innerHTML="";
    return;
  } 
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","showsemester.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<form>
<select name="users" onchange="showsemester(this.value)">
<option value="">Select a semester:</option>
<option value="1">Y i S i</option>
<option value="2">Y i S ii</option>

</select>
</form>
<br>
<div id="txtHint"><b>courses will be listed here.</b></div>
</body>

我的php页面

<?php
$q = intval($_GET['q']);

$con = mysqli_connect('localhost','root','','scifac');
if (!$con) {
  die('Could not connect: ' . mysqli_error($con));
}


$sql="SELECT * FROM course_info WHERE semester = '".$q."'";
$result = mysqli_query($con,$sql);

echo "<table border='1'><tr><th>course ID</th><th>name</th><th>semester</th></tr>";

while($row = mysqli_fetch_array($result)) {
  echo "<tr>";
  echo "<td>". $row['courseID'] . "</td>";
  echo "<td>" . $row['courseName'] . "</td>";
  echo "<td>" . $row['semester'] . "</td>";
  echo "</tr>";
}
echo "</table>";

mysqli_close($con);
?>

现在它以div作为表生成结果并正常工作而没有任何错误。但我想将cours名称作为选项放在下拉列表中,将课程ID作为值。

非常感谢您对这方面的尊重。 谢谢。 Ť

1 个答案:

答案 0 :(得分:2)

你的php文件代码文件应该是这样的

<?php
$q = intval($_GET['q']);

$con = mysqli_connect('localhost','root','','scifac');
if (!$con) {
  die('Could not connect: ' . mysqli_error($con));
}


$sql="SELECT * FROM course_info WHERE semester = '".$q."'";
$result = mysqli_query($con,$sql);
?>
<select name = "semester">
<?php
while($row = mysqli_fetch_array($result)) {
?>
<option value="<?php echo $row['courseID']; ?>"><?php echo $row['courseName']; ?></option>
<?php
}
?>
</select>
<?php
mysqli_close($con);
?>