我的一个 wordpress 页面上需要一个查询表。
这里主要关心的是用户需要选择他/她的国家,然后是州,然后是城市/村庄。我需要在这里实现选择性过滤功能。
**
当用户选择国家时,来自所选国家的州应该只在下一个下拉列表中可用。在选择州等时,城市也应该发生同样的情况。
** 请向我推荐任何可以帮助我实现这一目标的插件。
我的一个 wordpress 页面上需要一个查询表。
这里主要关心的是用户需要选择他/她的国家,然后是州,然后是城市/村庄。我需要在这里实现选择性过滤功能。
**
当用户选择国家时,来自所选国家的州应该只在下一个下拉列表中可用。在选择州等时,城市也应该发生同样的情况。
** 请向我推荐任何可以帮助我实现这一目标的插件。
这是用于加载国家/地区各州的下一个特定选项字段的基本硬编码选项字段演示。
我确实建议使用 AJAX 和您的数据库来执行此操作,但这远远超出了这个问题的范围。
HTML表格:
<form action="submit.php" id="test">
<select id="country">
<option value="Argentina">Argentina</option>
<option value="Mexico">Mexico</option>
<option value="Russia">Russia</option>
</select>
<input type="submit" value="Submit" />
</form>
PHP SCRIPT,文件名:submit.php
<?php
if ( isset ( $_POST['test'] ) ) {
$country = $_POST['country'];
if ( isset ( $country ) && $country == 'Russia') {
get_template_part('russia_states'); // this includes in russia_states.php
}
elseif($country == 'Mexico'){
get_template_part('mexico_states'); // this includes in mexico_states.php
}
elseif($country == 'Argentina'){
get_template_part('argentina_states'); // this includes in argentina_states.php
}
}
?>
每个 elseif 语句都会调用一个新的表单文件,该文件将与所选国家的州一起编写。
这就是 argentina_states.php 将拥有的。
<form action="submit.php" id="states">
<select id="argentina_states">
<option value="Salta">Salta</option>
<option value="Mendoza">Mendoza</option>
<option value="Río_Negro">Río Negro</option>
<!-- etc -->
</select>
<input type="submit" value="Submit" />
</form>