我有一个 php 页面，我想在其中从国家、州和城市列表中选择一个位置。该页面包含用户注册的其他数据（姓名、电子邮件等），因此我不想在选择框刷新时刷新页面或任何内容。目前，每个选择框只加载国家、州或城市的完整列表。我希望它们被链接起来，所以我没有重复的城市名称（不同州或国家/地区的名称相同）。
位置存储在数据库中，并在加载时传递到页面。然后将它们循环并添加到选择框中：
<tr>
<label>Select State: </label>
<select name="state" id="state_select" style="width:200px;">
<option value="">Select a State or Province</option>
<?php while($state = $states->fetchObject()) { ?>
<option value="<?php echo $state->id; ?>"><?php echo $state->title; ?></option>
<?php } ?>
</select>
</tr>
数据库结构非常简单：
Country : | id | title |
State : | id | title | country_id |
City : | id | title | state_id |
我可以在 .onChange() 语句中想到应该清除链接的选择框并附加新选项的逻辑，但是我对基于 Web 的语言非常陌生，并且无法进行任何操作。以下是我的尝试，但我想我无法轻松地在 js 和 php 之间进行引用。注意：我知道这个片段非常糟糕并且包含错误。我的想法是有一个执行以下操作的脚本函数：