javascript - 我如何逐步增强国家和州选择字段？

Question

我还没有看到任何网站正确地做到这一点......

如果我有两个选择字段，country 和 state，那么我会这样编码:

<select name="country">
    <option>USA</option>
    <option>France</option>
</select>

<select name="state">
    <option></option>
</select>

然后我会根据国家/地区的选择使用 AJAX 填充状态字段。

不过，这是逐步增强的状态。如果不使用 Javascript 怎么办？以及应该如何增强它(如果前面的示例不是最佳方法)？

Answer 1

我的建议是在国家/地区下拉列表的旁边/下方有一个提交按钮。提交后，服务器将填充所选国家/地区的状态并发回响应。

现在，在页面加载时的 javascript 中隐藏此按钮并将更改处理程序附加到国家/地区下拉列表并进行 AJAX 调用以返回状态。

因此，如果 javascript 被禁用，按钮将执行状态检索。如果启用 AJAX 调用也会执行相同的操作。