如何根据另一个组合框值将数据动态填充到组合框中


How can I dynamically fill data to combo box depending upon another combo box value?

我是Zend框架的新手。现在我正在使用Zend表单。我需要将数据库值加载到一个组合框中,这取决于另一个组合盒值。

即。当我选择一个国家时,另一个组合框应该需要列出该国家内的州。还有所有要从数据库加载的内容。

我试过谷歌很多次寻找解决方案,但都找不到。

下面是我的代码

//装货国家

$tblCoun = new Application_Model_DbTable_TblCountry();
$options = $tblComp->fetchCountiesPair();    
$tblCoun = new Zend_Form_Element_Select("cmbCountry");
$tblCoun ->setLabel("Select Country")
         ->setRequired(true)
         ->setAttrib("class", "form-control span-12");
$company->addMultiOptions($options);
$tblCoun = new Application_Model_DbTable_TblCountry();
$options = $tblComp->fetchCountiesPair();
    

//这里我需要加载状态

$tblStat = new Zend_Form_Element_Select("cmbStates");
$tblStat->setLabel("Select State")
        ->setRequired(true)
        ->setAttrib("class", "form-control span-12");
$tblStat->addMultiOptions($options);

启用布局并在其中添加以下代码:

<?php echo $this->docType(); ?>
<html>
  <head>
  <?php
    $this->headLink()->setStylesheet($this->baseUrl('js/jquery/jquery-ui.min.css'));
    echo $this->headLink(). PHP_EOL;
    $this->headScript()->setFile($this->baseUrl('js/jquery/external/jquery/jquery.js'));
    echo $this->headScript();
  ?>
  </head>
  <body>
    <?php echo $this->layout()->content; ?>
  </body>
</html>

现在转到您的视图,添加jquery ajax代码,如下所示:

$('#country').change(function() {
  //For States
  $.post('<?php echo $this->baseUrl('ajax/states'); ?>', {'country': $(this).val()},
  function(data) {
     $('#state').html(data);
  });
});

我已经为ajax请求定义了单独的控制器,您可以随心所欲地执行它。下面是一些示例代码:

public function statesAction() {
  $this->_helper->layout->disableLayout();
  $country = $this->getRequest()->getParam('country');
  $countryMapper = new Application_Model_CountryMapper();
  $states = $countryMapper->fetchAllStates($country);
  $this->view->states = $states;
}

由于我有带statesAction的ajax控制器,我有以下代码的视图:

  <option value="">Select States</option>
  <?php foreach($this->states as $state): ?>
    <option value="<?php echo $state->value; ?>"><?php echo $state->name; ?></option>
  <?php endforeach; ?>

这只是一个粗略的想法。我的代码中可能存在拼写错误,因为我从我的项目中提取了它。

我希望它能帮助你。

在这种情况下,您必须使用ajax,请按照以下步骤操作,

1] 更改国家下拉列表后,将ajax调用发送到具有选定国家ID的服务器。2] 获取该countryID的所有子记录,然后发送回调用函数。3] 删除现有状态选择框,并使用以下内容填充新条目。

for(i=0; i < states.length; i++)
  $("#state").append('<option value=' + states[i]['stateID'] + '>' + states[i]['name'] + '</option>');
}