在PHP
文件中有两个HTML"选择"元素,比如list1和list2。我希望在 list1 的onChange
事件中,list2 的内容(显示文本和值)将通过使用调用PHP
文件Ajax
发生变化。list2 的内容将来自 MySQL 数据库表。 怎么办呢?
这是我尝试的:
<script language="javascript">
function loadObjectsFromTypetache(typeTache)
{
var xmlhttp;
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("obs_id_obj").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajaxRemplirObjetObsrv.php?type_tache="+typeTache,true);
xmlhttp.send();
}
function Annuler()
{
// Retour à la liste des enregistrements
document.location = "<?php echo PAGE_ADMIN; ?>?action=AdminGererObservation";
}
</script>
...
<select id="typ_tache_code" name="typ_tache_code" onChange="loadObjectsFromTypetache(document.form.typ_tache_code.value)"> // this is list1
<option value="" ><?php echo _getText('admin.obsrv.selectionnerTypeTache'); ?></option>
<?php
for ($u=0; $u < $data['listTypeTache']['cnt']; $u++)
{
?>
<option value = "<?php echo $data['listTypeTache'][$u]['typ_tache_code']; ?>"><?php echo $data['listTypeTache'][$u]['typ_tache_lib']; ?></option>
<?php
}
?>
</select>
<select id="obs_id_obj" name="obs_id_obj">... // this is list2
那么在 ajax 调用的 php url 文件中写什么呢?
Tyr this
$('#select#s1').change(function(){
$('select#s2').load('/url')
})
/url 检索:
<option value="1">Second</option>
<option value="2">Second</option>