Social Engine Zend Framework - 国家/州/城市的动态 Ajax 下拉菜单

Question

我正在使用基于 Zend Framework 和 Smarty Template 的 Social Engine。

我需要为个人资料页面创建自定义功能，其中我需要基于 Ajax 的动态国家/州/城市选择，例如

国家下拉菜单 ->选择某个国家时，State 将显示属于所选国家和 State 选择 ->将显示相关城市。我的国家/州和城市有单独的表格。

任何人都可以帮助我们或者可以提供一些参考/示例吗？

我不知道如何进行 Ajax 调用并用它呈现我的视图！

问候 ！

Answer 1

请参阅下面的代码：

给出我的项目加载段、船舶类型子段的代码。与国家/地区相同，状态

首先像往常一样使父下拉菜单如下：

 <?php 

  echo $this->formSelect('segment','none',array('class' => 'select-advanced', 'width' => '250'),$this->arrInput['shiptype']);  

?>

这里arrInput ['shiptype']来自controllar

为您表单上的子下拉菜单创建一个div

现在将jquery代码放在您的表单上：

<script>

var base_path = "<?php echo $this->baseUrl();?>/";

$('#segnam').change(function()
{

var segId=document.getElementById('segment').value;

      $.ajax({
                 url:  base_path + "search/subseg/",
                data: "segId="+segId,
                type: 'GET',
             success: function (resp) { document.getElementById('subsegdiv').innerHTML=resp;},
               error: function(e){  alert('Error: '+e);  }  
            });
});
</script>

现在为子下拉菜单您的控制器执行一个操作：

public function subsegAction()
    {   
        $request = $this->getRequest();
        $objShiptype = new Shiptype();   
         $segId=$request->getParam('segId');  
        $SubSegArr=$objShiptype->getSubSegment($segId);
        $this->_helper->layout->disableLayout();
            $this->getResponse()->setHeader('Content-Type', 'text/javascript');
            $this->view->subseg=$SubSegArr;

    }

现在为上述操作创建一个视图：

使用 html 使 html 下拉（子）从子段控制器获取数据

，请参阅段 = 国家/地区
subseg = 城市的州

遵循相同的操作并再次查看和 jquery 代码。

如果不清楚，您可以随时询问。我有这个任务。这很棘手:)