如何使用javascript获取php中选择值的多个组件的值

时间:2014-06-05 13:02:02

标签: javascript php

例如:

批量: 2014-2015 //这一个选择框(下拉框)

部门:计算机科学//这也是一个选择框

终于

学期:第一学期//这也是一个选择框

点击学期选择框后,我想查询数据库中相应的计算机科学科目,特别是部门和批次的数据

科目:C ++ //这也是选择框

如何在我选择学期时选择批处理和部门值选择框(投递箱)使用javascript

请你显示任何一个例子

我尝试了以下代码,但没有成功

echo "<select name='bat'>";
echo "<select name='dept'>";
echo "<select name='sem'  onchange='showUser(this.value)'>";

JavaScript

function showUser(str)
{

var bat = document.getElementsByName("bat").value;
var dept = document.getElementsByName("dept").value;


if (str=="") 
{
    document.getElementById("txtHint").innerHTML="";
    return;
} 

if (window.XMLHttpRequest) 
{
        xmlhttp=new XMLHttpRequest();
  } 
else 
{ 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  xmlhttp.onreadystatechange=function() 
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{
      alert(document.getElementById("txtHint").innerHTML=xmlhttp.responseText);
    }
  }

xmlhttp.open("GET","../getsubject.php?q="+str + "&dept="+ dept +"&bat="+bat,true);
  xmlhttp.send();

}
</script>

1 个答案:

答案 0 :(得分:0)

3个非常简单的页面

的index.php

<form action="" method="POST">
Batch  <select name="Batch" id="Batch">
<option>2012-2013</option>
<option>2013-2014</option>
<option>2014-2015</option>
</select>                               <br>
<select name="department" id="department"></select>
</form>
<script src="jquery-2.0.3.min.js"></script>
<script src="test.js"></script>

test.js

$("#Batch").change(function(){
    Batch=$("#Batch").val();
    $.ajax({
        datatype:"html",
        type: "POST",
        url: "ajax.php",
        data: {Batch:Batch},
        success: function(html)
        {
            $("#department").empty();
            $("#department").append(html);
        }
    }); 
});        

ajax.php

<?php
if($_POST['Batch']=="2012-2013")
  echo "<option>first</option>";
if($_POST['Batch']=="2013-2014")
  echo "<option>second</option>";
if($_POST['Batch']=="2014-2015")
  echo "<option>THIRD</option>";
?>