Javascript 位置的分层选择

首先，我想做的是允许用户使用国家、县、镇和城市的数据库缩小他们的位置

一次过向他们展示每个城市太多了，所以我希望他们缩小过滤范围

易趣通过其类别做到这一点：

我打算这样实现它：

<input type="radio" name="rgroup" id="sel1">Selection 1</input>
...

<div id="cont1" class="container">
    <input type="radio">Something 1</input>
    ...
</div>

选择国家
英格兰
威尔士
爱尔兰
苏格兰
选择州
雅芳
伦敦
肯特
选择城市
A镇
B镇
C镇
D镇

我有点卡住了，因为这将是一个更大表单的一部分，有时用户将无法启用javascript

问题1:什么HTML标记是实现这一点的最佳方法，我应该使用selects，还是将每个项目作为具有该位置值的提交按钮

问题2:我应该如何处理用户可能没有启用javascript，这将是更大表单的一部分这一事实

---

如果您以前尝试过此操作，请提供任何意见和建议。

如果您需要在没有javascript的情况下使用此操作，您可以这样做：

<input type="radio" name="rgroup" id="sel1">Selection 1</input>
...

<div id="cont1" class="container">
    <input type="radio">Something 1</input>
    ...
</div>

---

如果您使用

和

，则无法执行此操作，因为

无法选择

必须位于

之外的
确实，您知道有多少人在浏览器中禁用了javascript？但是如果这真的很重要，如果你切换到
，我就明白了，这比select有什么优势？我已经添加了一个答案。
.container {
    display: none;
}

#sel1:checked ~ #cont1 {
    display: block;
}
...