Eclipse中用aptana模拟网页中 城市选择功能

1、 首先，明确需求。现在我们要实现从下拉列表中选择省份、城市的功能。具体要求如下：1、没有选择省份时，城市下拉列表中没有选项。2、选择了一个省份，城市列表中自动出现省会城市。

2、其次，拿到这个题目该如何建立思路呢？ 1、打开网页时就显示的信息，用HTML标签封装。这样也便于下面对数据进行动态操作。

3、设醅呓择锗置一下样式，在<style></style>标签中设置一下就可以了。这不是本文重点，就简单介绍一下。可以根据个人喜好添加不同样式。<style type="text/css"> select{ width:100px; } </style>

4、重点是怎么实现页面的动态效果。先明确事件源和事件，再明确事件处理的节点。按照这个思路：事件源：省份下拉列表；事件：省份列表改变（onchange)；处理节点：城市列表内容生成

5、有了上面的编程思路，下面用js处理页面的行为，码代码就可以了。下面是一个样例。js代码如下图：

6、这里有个细节需要注意一下，就是选择一个省份后，城市列表中出现一些城市，再选择另一个省份后，应该把上一次生成的数据清除掉。不然会出现这个省中不该有的城市。清除的方法，可以有下面两种：

7、最后，就是完整的效果展示了。