0

我有一个关于 AJAX 和 PHP 的问题，我有一个主下拉列表，当用户更改它时，应该根据主下拉值更改其他下拉列表，更清楚地说，我有一个快速查找器部分我正在开发的网站，有一个拾取端口（主下拉菜单），还有 4 个其他下拉菜单，当用户更改此拾取端口时，应该使用 AJAX 和 PHP 进行更改，是否有人有知道如何创建它，我已经研究了 3 天，但没有成功。

提前致谢。

我试过这个

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

    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById('type_filter').innerHTML = xmlhttp.responseText;
            document.getElementById('find-trip-dest-region').innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open('GET', 'forms/type_filter.php?id=' + id, true);
    xmlhttp.send();
    xmlhttp.open('GET', 'forms/activity_filter.php?id=' + id, true);
    xmlhttp.send();
}

还有这个

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

    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById('type_filter').innerHTML = type_filter.responseText;
            document.getElementById('find-trip-dest-region').innerHTML = activity_filter.responseText;
        }
    }
    var type_filter = xmlhttp.open('GET', 'forms/type_filter.php?id=' + id, true);
    xmlhttp.send();
    var activity_filter = xmlhttp.open('GET', 'forms/activity_filter.php?id=' + id, true);
    xmlhttp.send();
}

也试过这个

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

    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById('type_filter').innerHTML = type_filter.xmlhttp.responseText;
            document.getElementById('find-trip-dest-region').innerHTML = activit_filter.xmlhttp.responseText;
        }
    }
    var type_filter = xmlhttp.open('GET', 'forms/type_filter.php?id=' + id, true);
    xmlhttp.send();
    var activit_filter = xmlhttp.open('GET', 'forms/activity_filter.php?id=' + id, true);
    xmlhttp.send();
}
4

1 回答 1

0

我已经设法像这样使用jquery解决它

$(document).ready(function() {
    $('#pickup_port').change(function() {
        var id = $('#pickup_port').val();
        if(id != "") {
            $.get('forms/type_filter.php?id='+ id, function(data) {
                $('#type_filter').html(data);
            });
            $.get('forms/activity_filter.php?id='+ id, function(data) {
                $('#activity_filter').html(data);
            });

        }
    });
});

但是有没有人有更好的解决方案或者这是唯一的解决方案

于 2012-05-25T22:00:36.340 回答