2010-08-20 43 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); 
    }); 
});