我正在使用 magento 2.1.0 。我在客户注册表单上创建了两个下拉列表,其中数据是从数据库中获取的。
两个数据库:
city_id
和city column
。 area_id
,city_id
和area column
。 前端数据是成功获取的,即使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>
现在我的问题是,我该怎么做,当我更改城市时,第二个下拉相关区域只会显示?
提前致谢