2010-08-20 44 views
2

我想在我的表單中使用jquery實現子父組合框(國家狀態,如果我們選擇任何國家的狀態組合框應根據選定的國家填充)。 請給出任何建議如何實現這個 謝謝父子組合框

+1

其非常基本的,請參閱jQuery的變化事件,也看看這個教程http://jsatt.blogspot.com/2010/01/cascading-select-boxes-using-jquery.html – 2010-08-20 07:22:15

+0

我想用zend框架來實現這一點。 – user395702 2010-08-20 07:33:31

+1

然後在你的標籤添加Zend框架 – Starx 2010-08-20 07:37:45

回答

1

那麼,附加國家組合框的變化事件功能,並從AJAX或類似的提取html。然後填充子組合框。

例如

$("#parentbox").change(function() { 
    var myval =$("#parentbox").val(); 
    // Fetch the content from database or similar 
    $("#childbox").html(newhtml); 
} 
+0

謝謝你的答案.. 但實際上我正在使用zend框架,並且使用簡單的html表單而不是zend表單。 – user395702 2010-08-20 07:21:39

+0

使用$(「#childbox」)的目的是什麼。 .html()之前? – Chris 2010-08-20 08:40:56

+0

相應的國家將如何根據國家填寫 請解釋如何從數據庫獲取內容。 – user395702 2010-08-20 08:54:43

0

通過陣列此代碼迭代,並基於你在#sourceBox選擇另一個選擇框(#targetBox)。

$(document).ready(function(){ 
    $('#sourceBox').change(function(){ 
    var options = ""; 
    for (var i = 0; i < locations.length; i++){ 
     options += '<option>' 
      + locations[i][$('#sourceBox option:selected').text()] 
      + '</option>'; 
    } 
    $('#targetBox').html(options); 
    }); 
});