javascript - 使用 Javascript 动态更改 smarty 包含文件

Question

我的 smarty 文件中有两个选项卡。在 tab1 中，我有一个下拉菜单，它包含城市列表。我有基于城市的模板列表，它包含有关城市的详细信息。在第二个选项卡中，我应该根据下拉选择显示相关的城市模板。

例如:下拉列表:

<select name='city' id='city' class="medium" style="float:left" onchange="setCityTpl(this);">
<option value=''></option>
{html_options options=$city_filter selected=$city.name}
</select>

如果我在下拉菜单中选择城市 1

我应该将 smarty 包含文件中的 tpl 名称设置为 city1.tpl

<div id="tab2" class="tab-content" style="display: none; visibility: hidden; padding-top:0px">
{include file=city1.tpl}
</div>

如果我在下拉菜单中选择城市 2

我应该将 smarty 包含文件中的 tpl 名称设置为 city2.tpl

<div id="tab2" class="tab-content" style="display: none; visibility: hidden; padding-top:0px">
{include file=city2.tpl}
</div>

Answer 1

您可以从 javascript 加载 url。所以我认为如果用户从 Dropdown1 选择 City1，你的 JS 将加载 city1.tpl 而 City2 将加载 city2.tpl

或者您可以执行以下操作:js 脚本使用带有“city1”或“city2”的 POST/GET 值调用 url (selected-city.php)。 selected-city.php 使用名为 selected 的参数(取自 POST/GET)和您的 tpl 检索 selected-city.tpl :

<div id....>
{include file=${selected}.tpl}
</div ...>