Aptana是一個非常強大,開源,JavaScript-focused的AJAX開發IDE。用它編寫javascript、HTML、和CSS程式碼，非常方便。喜歡網頁開發的小夥伴們一定想自己動手去實現一些功能。作為其中的一員，與大家分享一下，網頁中的一個小功能，即城市選擇功能。與大家分享HTML程式碼編寫過程中的思路建立，以及實現方法。以期，給初學者以指引，也和大家交流學習體會。
方法/步驟
首先，明確需求。現在我們要實現從下拉列表中選擇省份、城市的功能。具體要求如下：1、沒有選擇省份時，城市下拉列表中沒有選項。2、選擇了一個省份，城市列表中自動出現省會城市。
其次，拿到這個題目該如何建立思路呢？
1、開啟網頁時就顯示的資訊，用HTML標籤封裝。這樣也便於下面對資料進行動態操作。
2、設定一下樣式，在標籤中設定一下就可以了。這不是本文重點，就簡單介紹一下。可以根據個人喜好新增不同樣式。
3、重點是怎麼實現頁面的動態效果。先明確事件源和事件，再明確事件處理的節點。按照這個思路：
事件源：省份下拉列表；
事件：省份列表改變（onchange)；
處理節點：城市列表內容生成
4、有了上面的程式設計思路，下面用js處理頁面的行為，碼程式碼就可以了。下面是一個樣例。js程式碼如下圖：
5、這裡有個細節需要注意一下，就是選擇一個省份後，城市列表中出現一些城市，再選擇另一個省份後，應該把上一次生成的資料清除掉。不然會出現這個省中不該有的城市。清除的方法，可以有下面兩種：
6、最後，就是完整的效果展示了。
