我有 2 个组合 boxes.in 第一个有州名,我有从数据库中检索的数据,第二个必须到该特定州的地区。我需要的是第一个组合框中的数据更改。第二个组合中的数据也应该更改。这是我的代码。
<select name="district" id="district" onchange="showcomplain()">
<?php
$query="SELECT * FROM `rev_district_master`";
$result=mysql_query($query) or die("Selection query of District Master is Error".mysql_error());
$num = mysql_numrows($result);
while($row=mysql_fetch_row($result))
{
?>
<option value="<?php echo $row[1];?>"><?php echo $row[1];?></option>
<?php
}
?>
This is my ajax file:
function stateComboChange(){
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request");
return;
}else{
var url="./ajax/list1.php";
xmlHttp.onreadystatechange=stateChanged1 ;
xmlHttp.open("POST",url,true);
xmlHttp.send(null) ;
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
//Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
function stateChanged1()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
document.getElementById("stateCombo").innerHTML=xmlHttp.responseText; }
}
通过 ajax 调用状态更改来执行此操作
function changeCombo(){
var statename=document.getElementByid('state_combo_box').value;
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 )
{
if(xmlhttp.status==200)
{
var data=JSON.parse(xmlhttp.responseText);
for(var index= 0;index<data.length;index++)
{
var combo=document.getElementById('district');
combo.options[combo.options.length] = new Option(districtname, value);
}
}
}
}
xmlhttp.open("GET","some_php_file_which_echos_data.php",true);
xmlhttp.send(statename);
}
}
抱歉,我不知道您如何命名 DOM 元素,而是替换文件和 id 名称
第二个组合框的数据在哪里?...我没有看到此代码。
您可以使用 AJAX 请求到数据库并在回调时更改 de 数据。