Ajax + jQuery combobox

Question

今天我意識到，當一個組合框可以控制第二個組合框的數據時，它非常有用。我的問題 - >我從來沒有用過Ajax。

目前正在對以下網頁：http://194.247.30.66/~keizer/?ond=woningen

儘量使用組合框左側。

我的一般問題：我討厭提交按鈕，我討厭默認外觀，我如何使用Ajax來處理第二個組合框的數據？ 例如：第一個組合框包含城市列表。當我選擇一個城市時，它應該自動更改組合框2的數據（包含一個包含房屋類別的列表）。

當我在第一個框中選擇Echt時，它不應該讓box2向我顯示一些數據，這些數據不在我的數據庫中。

請幫助這個無腦的noob請。

數據我有：

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.selectbox-0.1.2.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
    $("#woonplaats").selectbox(); 
    $("#pandtype").selectbox(); 
    $("#vraagprijs_vanaf").selectbox(); 
    $("#vraagprijs_tot").selectbox(); 

    jQuery(function(){ 
     jQuery('ul.sf-menu').superfish(); 
    }); 

    $("#woonplaats").selectbox({ 

    onChange: function (val, inst) { 
     $.ajax({ 
      type: "GET", 
      data: {country_id: val}, 
      url: "ajax.php", 
      success: function (data) { 
       $("#boxCity").html(data); 
       $("#city_id").selectbox(); 
      } 
     }); 
    }, 
    effect: "slide" 
}); 

    }); 
</script> 

Answer 1

一個問題，我看到的是，在您的測試頁不使用在JavaScript #woonplaats但#country_id不在你的頁面存在。

在您發佈的代碼，這個問題部分解決雖然你仍然有country_id: val我猜應該是woonplaats: val

（請注意，我可不是熟悉選擇框插件，它的語法）。

編輯：我就開始轉變爲woonplaats和到country_id所有引用固定在HTML中的錯誤，可能導致意想不到的結果。

在螢火控制檯給了我一個JavaScript錯誤（有效停止所有進一步的處理...）第27行（jQuery的（「ul.sf菜單」）。快魚不是一個函數http://194.247.30.66/~keizer/?ond=woningen第27行）

firefox的HTML驗證器給了我93個警告，主要是關於意外的開啓和關閉標籤。