php - 我如何使用 Javascript 传递 php 参数

Question

我已经创建了一个 html 表单。它由几个下拉列表组成(国家、州、城市、地区)

国家/地区的下拉列表如下所示。

Select Countries : <select name="countries" id="countries" onchange="showStates()">
<?php
foreach($crud->getAll('countries') as $countries) 
{ 
?>
    <option value="<?php echo $countries['id']; ?>"><?php echo $countries['name']; ?></option>
<?php } ?>
</select>

州的下拉列表如下所示。

Select State : <select name="states">
<?php
foreach($property->getStatesFromCountryId($countryId) as $states) 
{ 
?>
    <option value="<?php echo $states['id']; ?>"><?php echo $states['name']; ?></option>
<?php } ?>
</select>

国家下拉列表将从数据库中获取所有国家并填充它。但在状态下拉列表中，它需要从国家值动态传递参数。

为此我想实现以下目标

1) 在 javascript countryId 变量中保存国家/地区下拉列表中的国家/地区 ID。代码应该看起来像这样 var countryId = document.getElementById("countries").value;

2) 将参数从 countryId 变量传递给 foreach($property->getStatesFromCountryId($countryId) as $states)。

我如何实现它？

Answer 1

我能想到的三种方法:

1. 将每个国家/地区的所有州作为 JS 对象存储在一个大的 JS 文件中。然后在国家/地区下拉列表的 onChange 事件期间阅读此内容。

2. 在服务器端存储所有状态，使用 AJAX (XMLHttpRequest) 动态检索所选国家/地区的状态。

3. 在 onChange 中提交您的表单，传递一个隐藏变量以向您的服务器端脚本表示它应该只填充状态下拉列表，而不是进行其余的验证。