magento2的城市区域变化

时间:2017-01-13 04:57:20

标签: javascript php magento magento2

我正在使用 magento 2.1.0 。我在客户注册表单上创建了两个下拉列表,其中数据是从数据库中获取的。

两个数据库

  1. city 数据库,其中包含city_idcity column
  2. 发送区域表格,其中包含area_idcity_idarea column
  3. 前端数据是成功获取的,即使onchange也在城市上工作。

    城市下拉列表

     <select name="city" onchange="getArea()" id="city">
    
            <?php  
                $objectManager = \Magento\Framework\App\ObjectManager::getInstance();
                               $model = $objectManager->create('/city')->serviceCity();
                foreach ($model as $d)
                {  ?>
    
                <option id="<?php echo $d['city_id']; ?>" value="<?php echo $d['city_id']; ?>"><?php echo $d['city']; ?></option>
            <?php } ?>
    
                </select>
    

    区域下拉列表

       <div class="field area required">
                <label for="area" class="label"><span><?php /* @escapeNotVerified */
                        echo __('Area') ?></span></label>
                <select name="area" id="area">
                <?php  
                $objectManager = \Magento\Framework\App\ObjectManager::getInstance();
                               $model = $objectManager->create('\Area')->serviceArea();
                foreach ($model as $a)
                {  ?>
    
                <option value="<?php echo $a['area']; ?>"><?php echo $a['area']; ?></option>
            <?php } ?>
    
                </select>
            </div>
    

    Onchange脚本:

     <script>
    
    function getArea(){
    alert(document.getElementById('city').value);
    }
     </script>
    

    现在我的问题是,我该怎么做,当我更改城市时,第二个下拉相关区域只会显示?

    提前致谢

0 个答案:

没有答案