使用 AJAX 更改 smarty 变量的值；多项选择

Question

我在页面上有 3 个选择，第二个和第三个选择应填充选项，具体取决于第一个选择中选择的值。 例如：第一个选择有一个国家/地区列表，如果我从此选择中选择国家 A，第二个选择将填充来自该国家/地区的城市，第三个选择将填充，我不知道，该国最受欢迎的名字。

我想用AJAX来实现这一点，但由于该网站是使用Smarty编写的，所以我遇到了困难。 每个选择都由一个从 php.ini 分配的数组填充。我想以某种方式更改第二个和第三个数组的值，而不重新加载页面，具体取决于我从第一个选择中获得的 id。

我尝试请求将值分配给 smarty 的页面，并尝试更改数组，但它在前端不起作用。 有什么想法吗？

编辑： 代码看起来像这样：

$countries = Country::getCountries();
$cities = City::getCities($country_id); //the parameter is not necessary 
$names = Name::getNames($country_id); //the parameter is not necessary 

$smarty->assign("countries",$countrires);
$smarty->assign("cities",$cities);
$smarty->assign("names",$names);
//display template etc

在模板页面上

<select name="countries">
{foreach from=$countries item=country}
   <option value="{$country.id}">{$country.name}</option>
{/foreach}
</select>

，其他两个选择看起来相同。

Answer 1

查看相关代码肯定会有所帮助，但我将简要描述您可能应该采取的过程：

(1) 完全按照您在任何框架内设置任何其他页面的方式设置城市页面或者可能没有使用。

(2) 城市页面的输出模板应如下所示（无标题或包含）：


{foreach $cities 作为 $city}
<选项值=“{$city.id}”>{$city.name}
{/foreach}


(3) 城市页面必须能够接受一些参数来指定我们应该选择哪个国家/地区的城市，例如使用 GET 变量。

(4) AJAX 调用应使用回调请求 url（例如，/cities?country=USA），以用响应替换城市选择元素的innerHTML。

(5) 没有步骤5。

Answer 2

countries select 调用了一个函数，该函数执行以下操作：

function updateSelect(){     
 var country_id = document.getElementById("country_id").value;
 ajax.requestFile = 'ajax.php?country_id='+sec_id;
 ajax.onCompletion = todo;
 ajax.runAJAX();
}

function todo(){
 var value = eval(ajax.response);
 document.getElementById('city_tr').style.display = 'table-row';
 if (value !=undefined) document.getElementById('td_city').innerHTML = value ;
             else document.getElementById('city_tr').style.display = 'none';
}

ajax.php 脚本回显基于它获得的 id 生成的 select。