如何添加if語句到Ajax

Question

我主要是PHP編程，但由於我根本不知道Javascript或Ajax，所以陷入了Ajax問題。我現在有一個組合選擇菜單，如果第一個選擇是='train'，我想隱藏第三個選擇菜單（方向）。我讀過一些瀏覽器不支持隱藏功能，因此，下一個最佳選擇是在假設第一個選項是列車時選擇第二個選項時禁用第三個選擇菜單。如果是公共汽車，那麼第三個選擇菜單應該仍然顯示。這裏是我的JavaScript現在，我敢肯定你可以想象它不工作。

$(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("<option>wait...</option>"); 
     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("<option>wait...</option>"); 
     var id = $("select#route option:selected").attr('value'); 
     $.post("select_direction.php", {id:id}, function(data){ 
      $("select#direction").removeAttr("disabled"); 
      $("select#direction").html(data); 
     }); 
    }); 
    } 
}); 

任何幫助將不勝感激！

Answer 1

看起來像你不想要ajax，你想用javascript來隱藏一個選擇，如果另一個選擇有一個特定的元素。然後使用你的ajax來根據需要提交選擇。下面是一個例子http://jsfiddle.net/2FQwQ/

<select id='direction'> 
    <option value='train'>train</option> 
    <option value='car'>car</option> 
    <option value='pogo stick'>pogo stick</option> 
<select> 

<select id='agency'> 
    <option value='1'>1</option> 
    <option value='2'>2</option> 
    <option value='3'>3</option> 
<select> 

<select id='route'> 
    <option value='1'>1</option> 
    <option value='2'>2</option> 
    <option value='3'>3</option> 
<select> 

腳本

//SEts your html up to hide the secelt if train 
function amITrain() { 
    if ($('#direction').val() === "train"){ 
     $('#route').hide(); 
     $('#route').attr('disabled'); 
    }else{ 
     $('#route').show(); 
     $('#route').removeAttr('disabled'); 
    }   
} 
$('#direction').change(amITrain); 


//When you get the ajax back, you would fill the select like this, then call the function 
$('#direction').html("<option value='train'>train</option><option value='car'>car</option>  <option value='pogo stick'>pogo stick</option>"); 
amITrain();