我主要是PHP编程，但由于我根本不知道Javascript或Ajax，所以陷入了Ajax问题。我现在有一个组合选择菜单，如果第一个选择是='train'，我想隐藏第三个选择菜单(方向)。我读过一些浏览器不支持隐藏功能，因此，下一个最佳选择是在假设第一个选项是列车时选择第二个选项时禁用第三个选择菜单。如果是公共汽车，那么第三个选择菜单应该仍然显示。这里是我的JavaScript现在，我敢肯定你可以想象它不工作。如何添加if语句到Ajax

$(document).ready(function(){

if ($("select#agency").attr('value') == 'cta-train') {

$("select#direction").attr("disabled","disabled");

}

$("select#route").attr("disabled","disabled");

$("select#agency").change(function(){

$("select#route").attr("disabled","disabled");

$("select#route").html("wait...");

var id = $("select#agency option:selected").attr('value');

$.post("select_route.php", {id:id}, function(data){

$("select#route").removeAttr("disabled");

$("select#route").html(data);

});

});

});

$(document).ready(function(){

if ($("select#agency").attr('value') == 'cta-train') {

$("select#direction").attr("disabled","disabled");

}

else {

$("select#direction").attr("disabled","disabled");

$("select#route").change(function(){

$("select#direction").attr("disabled","disabled");

$("select#direction").html("wait...");

var id = $("select#route option:selected").attr('value');

$.post("select_direction.php", {id:id}, function(data){

$("select#direction").removeAttr("disabled");

$("select#direction").html(data);

});

});

}

});

任何帮助将不胜感激！

+0

所以，你想尽快使AJAX POST作为文档准备或应该所有这些活动确实是基于一些DOM事件触发(选择更改，按钮点击等)？另外jQuery''hide()在浏览器中也很好。我知道唯一的'hide()'问题是一个旧的Safari bug，试图对尚未附加到DOM的元素执行hide()。不知道这是否仍然是一个问题。 –

+0

谢谢迈克。自从我在数小时后才开始工作以后，我不想过多地修改代码。正如我所提到的，我不熟练使用任何类型的javascript/ajax语言，所以我只想添加一些简单的几行代码，它们会根据第一个选择的选项隐藏第三个选择。如果您对如何做到这一点有任何想法，我会很感激。 –