选项更改时如何显示信息？

Question

我在下面有一个下拉菜单：

<select name="session" id="sessionsDrop">
<option value="">Please Select</option>
<option value='20'>EWYGC - 10-01-2013 - 09:00</option>
<option value='22'>WDFRK - 11-01-2013 - 10:05</option>
<option value='23'>XJJVS - 12-01-2013 - 10:00</option>
<option value='21'>YANLO - 11-01-2013 - 09:00</option>
<option value='24'>YTMVB - 12-01-2013 - 03:00</option>
</select> </p> 

下面我有一个多选框，其中显示了从上面的下拉菜单中进行选择评估的学生列表：

$studentactive = 1;

$currentstudentqry = "
SELECT
ss.SessionId, st.StudentId, st.StudentAlias, st.StudentForename, st.StudentSurname
FROM
Student_Session ss 
INNER JOIN
Student st ON ss.StudentId = st.StudentId
WHERE
(ss.SessionId = ? and st.Active = ?)
ORDER BY st.StudentAlias
";

$currentstudentstmt=$mysqli->prepare($currentassessmentqry);
// You only need to call bind_param once
$currentstudentstmt->bind_param("ii",$sessionsdrop, $stuentactive);
// get result and assign variables (prefix with db)

$currentstudentstmt->execute(); 

$currentstudentstmt->bind_result($dbSessionId,$dbStudentId,$dbStudentAlias,$dbStudentForename.$dbStudentSurname);

$currentstudentstmt->store_result();

$studentnum = $currentstudentstmt->num_rows();   

$studentSELECT = '<select name="studenttextarea" id="studentselect" size="6">'.PHP_EOL;      

if($studentnum == 0){

$studentSELECT .= "<option disabled='disabled' class='red' value=''>No Students currently in this Assessment</option>"; 


}else{   

while ( $currentstudentstmt->fetch() ) {

$studentSELECT .= sprintf("<option disabled='disabled' value='%s'>%s - %s s</option>", $dbStudentId, $dbStudentAlias, $dbStudentForename, $dbStudentSurname) . PHP_EOL; 
}

}

$studentSELECT .= '</select>';

但是我有一个小问题，当用户从下拉菜单中选择了一个选项时，我需要一种能够在选择框中显示学生列表的方法。 php代码的问题是必须提交页面才能找到它的结果。

我的问题是，有没有一种方法可以组合 javascript/jQuery，以便上面的 php 代码可以查找参加所选评估的学生，但能够使用 javascript/jQuery 在选择中显示学生信息在下拉菜单中选择评估时的框？

Answer 1

您正在寻找的是一个 php Ajax 解决方案，因此您可以更新学生列表，无需刷新页面即可刷新

$('#sessionsDrop').change(function() {
  var search_val=$(this).val(); 
  $.post("./nameofyourphp.php", {search_term : search_val}, function(data){
   if (data.length>0){ 
     $("#divtodisplaydata").html(data); 
   } 
  }) 
 }) 

并将其添加到您的 php 中，以便您可以获取选定的值

$term = $_POST['search_term'];

这里是一步一步的教程

http://www.ibm.com/developerworks/opensource/library/os-php-jquery-ajax/index.html