Javascript 如何使用jQueryAjax和php制作3个相关组合
好的，这就是我到目前为止的情况 第一页获取数据并填充第一个组合框，这里没有问题， 然后用户从combo1中选择一个值，并使用ajax创建第二个combobox，其中包含过滤后的数据。这里也行！ 问题是，我需要使用combo2.change属性触发另一个ajax请求以显示最终数据。 我的问题是我对这个不够熟悉，无法创建最后一个请求…我不知道如何做 这是我在index.php上的代码，它在处理call21.php中的数据后正确加载了第二个组合…此时，我在call21.php中没有脚本，只有获取所需值的数据库代码，将其发送回index.php页面中的div并创建组合框。 当classe=drop2时Javascript 如何使用jQueryAjax和php制作3个相关组合,javascript,php,jquery,ajax,combobox,Javascript,Php,Jquery,Ajax,Combobox,好的，这就是我到目前为止的情况 第一页获取数据并填充第一个组合框，这里没有问题， 然后用户从combo1中选择一个值，并使用ajax创建第二个combobox，其中包含过滤后的数据。这里也行！ 问题是，我需要使用combo2.change属性触发另一个ajax请求以显示最终数据。 我的问题是我对这个不够熟悉，无法创建最后一个请求…我不知道如何做 这是我在index.php上的代码，它在处理call21.php中的数据后正确加载了第二个组合…此时，我在call21.php中没有脚本，只有获取所需值
<script type="text/javascript">
$(document).ready(function(){
$(document).ajaxStart(function(){
$("#wait").css("display","block");
});
$(document).ajaxComplete(function(){
$("#wait").css("display","none");
});
$(".drop1").change(function(){
var id=$(this).val();
var dataString = 'user='+ id;
$.ajax({
type: "POST",
url: "call21.php",
data: dataString,
cache: false,
success: function(html){
$(".tab2").html(html);
$(".tab1").text(id);
}});
});
});
</script>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo for 3 Ajax Form</title>
<script src='jquery.min.js'></script>
<script>
$(function(){
$(".select:not(:first)").hide();//Hide All Expect First
//fill up first
$.get("index.php?select=1",function(data){
$("#first").html(data);
}); //
//
$("#first").change(function(){
$.get("index.php?select=2&value="+$("#first").val(),function(data){
$("#second").html(data);
});
$("#second").show();
});
$("#second").change(function(){
$.get("index.php?select=3&value="+$("#second").val(),function(data){
$("#third").html(data);
});
$("#third").show();
});
})
</script>
</head>
<body>
<select class="select" id="first"></select>
<select class="select" id="second"></select>
<select class="select" id="third"></select>
</body>
</html>
<?php
$list_for_first = array("a" , "b" , "c");
$list_for_second = array(array("aa","aa") , array("bb","bb") , array("cc","cc"));
$list_for_third = array(array("aaa","aaa","aaa") , array("bbb","bbb","bbb") , array("ccc","ccc","ccc"));
switch ($_GET['select']) {
case 1:
foreach ($list_for_first as $key => $value) {
echo "<option value='$key'>$value</option>";
}
break;
case 2:
$selected = $_GET['value'];
foreach ($list_for_second[$selected] as $key => $value) {
echo "<option value='$key'>$value</option>";
}
break;
case 3:
$selected = $_GET['value'];
foreach ($list_for_third[$selected] as $key => $value) {
echo "<option value='$key'>$value</option>";
}
break;
}
?>