级联下拉菜单错误地填充菜单项

在 HTML 中，我们可以使用 jQuery 插件解决级联下拉菜单错误填充的问题。例如，使用 ChainedSelects 插件，我们可以按照以下方式定义级联下拉菜单：

HTML 代码：

<label for="country">Country:</label>
<select id="country">
  <option value=""></option>
  <option value="usa">USA</option>
  <option value="canada">Canada</option>
</select>

<label for="state">State:</label>
<select id="state" disabled>
  <option value=""></option>
</select>

<label for="city">City:</label>
<select id="city" disabled>
  <option value=""></option>
</select>

使用 ChainedSelects 插件：

$("#state").chained("#country");
$("#city").chained("#state");

在上面的示例中，当选择一个国家时，州下拉菜单将被启用并仅显示与所选国家相关的州。在选择某个州之后，市下拉菜单将被启用并仅显示与所选州相关的城市。

注意：以上示例中使用的 ChainedSelects 插件需要手动下载并引用到网页中。